集合在互联网关于你的一切
- Rsshub
- Social Button
- SEO 良好
- 集成 S3 来做静态资源持久化
配置如下内容,然后 Roam Space 将为你生成成百上千个关于你的页面
- 不是 Hexo、WordPress 之类的 CMS
- 不是博客
- 不是 Linktree、Bento 之类的模块化组装链接页
-
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 应用,侧重于性能优化、可维护性和开发效率,结合了服务端渲染、静态站点生成、数据库操作、状态管理、测试自动化等多种功能。