全栈开发个人博客

接入 AI 模型学习如何与第三方 API 进行集成，处理自然语言生成任务，以及如何优化请求和响应管理来实现智能对话功能。

通过使用 Prisma 和 GraphQL 设计文章嵌套评论功能，可以学习如何处理递归数据结构、实现层级化的评论关系，以及如何优化查询以支持高效的数据提取和更新。

通过使用 Prisma 和 GraphQL 实现文章点赞功能，可以学习如何设计高效的数据库模型、处理简单的关联关系（如文章与点赞的一对多关系），以及如何在 GraphQL 中处理数据查询与变更。

选择AWS S3 ，5G存储，免费12个月。其实主要原因是，Vercel 托管项目，免费用户每个月100g流量，超出后不交钱账号都不能用了，必须要加cdn。

Auth0 是一个身份认证和授权平台，免费账号最多支持25000个用户登录。支持多个社交平台一键登录，比如 `Google`, `Github` 等。也可以编写登录注册成功后的 hook，与宿主平台通

`@apollo/client` 是一个用于与 GraphQL 后端进行交互的库，提供了简洁的 API 和强大的功能，帮助开发者在 React 等前端框架中轻松实现数据查询、缓存管理和状态管理。

当项目越来越大 GraphQL API 变得复杂时，手动创建`schema`和`Resolves`可能会降低开发效率，二者必须具有相同的结构。否则，可能会导致错误和不可预测的行为。当`schema`

GraphQL 是一种用于 API 的查询语言，也是一个用于执行查询的运行时环境。与传统的 REST API 不同，GraphQL 允许客户端精确地请求所需要的数据，而不多也不少，从而优化了数据的获取

Prisma 是一个现代化的数据库工具链，它提供了一个类型安全的 ORM（对象关系映射），使得开发者能够轻松地与数据库进行交互。通过 Prisma，可以自动生成类型化的数据库查询，减少了手写 SQL

Shadcn/ui 是一个现代化的 React UI 组件库，旨在提供可自定义、高质量、无依赖的用户界面组件。它利用 Tailwind CSS 和 React 的灵活性，提供了一组易于使用、响应式且可

Tailwind CSS 是一个功能强大的 CSS 框架，通过类名快速构建响应式和可自定义的用户界面。它提供了大量的预定义类，如 bg-blue-500、text-xl、p-4 等，使得样式的应用变得

`next-intl` 是一个用于 Next.js 应用的国际化库，简化了多语言支持，通过 `useTranslations` 和 `FormattedMessage` 等组件来管理翻译内容，支持构建

通过免费资源开发个人博客，既能展示个人品牌和技术能力，又能实践全栈开发技术，是一个零成本但高价值的项目实践。