![Taxonomy cover image](https://img.techrk1688.eu.org/file/602395434d71647f6ce02.jpg)
开源
Taxonomy 是一个基于 Next.js 13 和 React 18 构建的开源 Web 应用实验项目。该项目旨在探索如何在 Next.js 13 的新 app 目录结构中实现现代应用的各种功能,包括但不限于认证、订阅、API 路由和静态页面。它采用了 Prisma ORM 和 PlanetScale 数据库,使用 Radix UI 和 Tailwind CSS 构建了 UI 组件,通过 NextAuth.js 和中间件实现了用户认证,以及使用 Stripe 处理免费和付费订阅。此外,Taxonomy 还包括一个使用 Contentlayer 和 MDX 构建的博客和完整文档网站。
关于Taxonomy
🔥 关于 Taxonomy, 它:
技术出海: about-taxonomy 采用了 React、Tailwind CSS 等主流前端技术,以及 Node.js、Express、MongoDB 等后端技术,这些技术在全球范围内都有广泛的应用和支持,使得独立开发者和小型团队可以轻松地将自己的产品推向海外市场。
工具出海: about-taxonomy 集成了许多常用的工具和服务,如 Prisma ORM、Radix UI 组件库、Sentry 错误跟踪等,这些工具在全球范围内都有广泛的应用,可以帮助独立开发者和小型团队快速搭建起自己的分类管理系统,并提供强大的功能支持。
品牌出海: about-taxonomy 提供了一个专业的品牌形象和设计,包括 logo、色彩、字体等元素,这些元素可以帮助独立开发者和小型团队快速建立自己的品牌形象,在海外市场上更好地吸引用户。
- **技术出海**: [about-taxonomy](https://github.com/shadcn-ui/taxonomy) 采用了 React、Tailwind CSS 等主流前端技术,以及 Node.js、Express、MongoDB 等后端技术,这些技术在全球范围内都有广泛的应用和支持,使得独立开发者和小型团队可以轻松地将自己的产品推向海外市场。
- **工具出海**: [about-taxonomy](https://github.com/shadcn-ui/taxonomy) 集成了许多常用的工具和服务,如 Prisma ORM、Radix UI 组件库、Sentry 错误跟踪等,这些工具在全球范围内都有广泛的应用,可以帮助独立开发者和小型团队快速搭建起自己的分类管理系统,并提供强大的功能支持。
- **品牌出海**: [about-taxonomy](https://github.com/shadcn-ui/taxonomy) 提供了一个专业的品牌形象和设计,包括 logo、色彩、字体等元素,这些元素可以帮助独立开发者和小型团队快速建立自己的品牌形象,在海外市场上更好地吸引用户。
taxonomy 和 shadcn 什么关系?
Taxonomy 是一个由 shadcn 创建和维护的开源 Web 应用程序。shadcn 是一位知名的前端开发者和设计师,他利用 Next.js 13 的新特性如服务器组件、新路由系统等构建了这个应用。
关于 Taxonomy
Taxonomy 是一个实验性项目,旨在探索如何在 Next.js 13 中构建现代 Web 应用程序,包括身份验证、订阅、API 路由、静态页面等功能。[4] 它展示了 Next.js 13 的最新功能,如:
- 新的
/app
目录 - 路由、布局和嵌套布局
- 数据获取、缓存和变更
- 加载 UI
- 路由处理程序
- 元数据文件
- 服务器组件和客户端组件
- API 路由和中间件
- 使用 NextAuth.js 进行身份验证
- 使用 Prisma 的 ORM 和 PlanetScale 数据库
- 使用 Radix UI 构建 UI 组件
- 使用 MDX 和 Contentlayer 构建文档和博客
- 使用 Stripe 实现订阅功能
- 使用 Tailwind CSS 设计样式
- 使用 Zod 进行验证
- 使用 TypeScript 编写
Taxonomy 是一个开源项目,shadcn 在公开场合构建并发布了源代码。它展示了 Next.js 13 的新功能,并为其他开发者提供了学习和实践的机会。