Taxonomy cover image

Taxonomy

Tool information

开源

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 构建的博客和完整文档网站。

INFO
Released
Last updated

关于Taxonomy

🔥 关于 Taxonomy, 它:

  • 技术出海: about-taxonomy 采用了 React、Tailwind CSS 等主流前端技术,以及 Node.js、Express、MongoDB 等后端技术,这些技术在全球范围内都有广泛的应用和支持,使得独立开发者和小型团队可以轻松地将自己的产品推向海外市场。

  • 工具出海: about-taxonomy 集成了许多常用的工具和服务,如 Prisma ORM、Radix UI 组件库、Sentry 错误跟踪等,这些工具在全球范围内都有广泛的应用,可以帮助独立开发者和小型团队快速搭建起自己的分类管理系统,并提供强大的功能支持。

  • 品牌出海: about-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 的新功能,并为其他开发者提供了学习和实践的机会。

猜你喜欢