滑板商店
这是一个使用 Next.js 14 中所有新特性构建的开源电子商务滑板商店。它是使用 create-t3-app
引导创建的。
警告 该项目仍在开发中,尚未准备好用于生产环境。
它使用了新技术(drizzle ORM),这些技术可能会发生变化并可能破坏您的应用程序。
技术栈
- 框架: Next.js
- 样式: Tailwind CSS
- 用户管理: Clerk
- ORM: Drizzle ORM
- UI 组件: shadcn/ui
- 邮件: React Email
- 内容管理: Contentlayer
- 文件上传: uploadthing
- 支付基础设施: Stripe
待实现功能
- 使用 Clerk 进行身份验证
- 使用 uploadthing 进行文件上传
- 使用 React Email 和 Resend 进行新闻订阅
- 使用 MDX 和 Contentlayer 的博客
- 使用 Drizzle ORM 的 ORM
- PlanetScale 上的数据库
- 使用 Zod 进行验证
- 带有产品、类别和子类别的店面
- 卖家和客户工作流程
- 使用 Stripe 的用户订阅
- 使用 Stripe Checkout 进行结账
- 带有商店、产品、订单、订阅和支付的管理员仪表板
本地运行
-
克隆仓库
git clone https://github.com/sadmann7/skateshop.git
-
使用 pnpm 安装依赖
pnpm install
-
将
.env.example
复制为.env
并更新变量。cp .env.example .env
-
启动开发服务器
pnpm run dev
-
推送数据库架构
pnpm run db:push
-
启动 Stripe webhook 监听器
pnpm run stripe:listen
如何部署?
请参阅 Vercel、Netlify 和 Docker 的部署指南以获取更多信息。
贡献
欢迎贡献!如果您有任何问题或建议,请开启一个 issue。您的贡献将得到认可。有关更多信息,请查看贡献指南。
贡献者
感谢这些优秀的人们的贡献:
使用 contrib.rocks 制作
许可证
根据 MIT 许可证授权。查看 LICENSE 文件了解详情。