Roam Space (正在积极开发中)
集合在互联网关于你的一切
Feature
- Rsshub
- Social Button
- SEO 良好
- 集成 S3 来做静态资源持久化
极低的维护负担
配置如下内容,然后 Roam Space 将为你生成成百上千个关于你的页面
https://github.com/nexmoe/roam-space/blob/c2ae01487c388d2a48868b1876c6518a279d11e1/config/flow.json
不是什么
- 不是 Hexo、WordPress 之类的 CMS
- 不是博客
- 不是 Linktree、Bento 之类的模块化组装链接页
Preview
设计概念
Space
Flow
Module
技术栈
-
Nuxt 3: 基于 Vue.js 的高性能框架,用于构建服务端渲染(SSR)和静态生成(SSG)的应用。
nuxt、@nuxt/image、@nuxt/test-utils、@nuxt/html-validator、@nuxtjs/google-fonts、@nuxtjs/i18n、@nuxtjs/seo、@nuxtjs/tailwindcss、@nuxtjs/web-vitals、nuxt-gtag、nuxt-icon、nuxt-scheduler和nuxt-svgo等。 -
Prisma: 一个类型安全的 ORM(对象关系映射器),用于 Node.js 和 TypeScript,用于数据库交互。项目中使用了
@prisma/client和prisma进行数据库操作,以及prisma generate命令来生成数据库访问客户端代码。 -
TRPC (Tanner's Request/Response Protocol): 一种用于构建 API 的类型安全的请求响应协议。项目使用了
@trpc/client和@trpc/server来处理 API 请求。 -
Pinia: Vue 的状态管理库,用以替代 Vuex,提供更简单的状态管理方案。项目中使用了
pinia和@pinia/nuxt。 -
TypeScript: 强类型的 JavaScript 超集,用于提升代码质量。项目中通过
typescript和相关配置进行类型检查。 -
Tailwind CSS: 一个实用优先的 CSS 框架,用于快速构建界面。项目使用了
tailwindcss-animate和自定义配置。 -
VueUse: 一套 Vue 实用函数库,提供了很多有用的 Vue Composition API 工具。项目中使用了
@vueuse/nuxt。 -
ESLint: 代码质量检查工具,确保代码风格一致性和最佳实践。项目中配置了 ESLint 及其相关插件如
@nuxtjs/eslint。 -
Husky: 用于在 Git 提交前运行脚本的工具,常用于代码质量检查。项目中使用了
husky来执行这些钩子。 -
AWS SDK v3: 用于与 Amazon Web Services 交互的库,特别是项目中使用了
@aws-sdk/client-s3来操作 S3 存储服务。 -
其他辅助库和技术:包括
sharp用于图片处理,clsx用于类名管理,zod进行输入验证,dayjs处理日期和时间,uuid生成唯一 ID 等。
采用现代前端技术栈开发的 Web 应用,侧重于性能优化、可维护性和开发效率,结合了服务端渲染、静态站点生成、数据库操作、状态管理、测试自动化等多种功能。
