README_CN.md

English Documentation | 中文文档

nextjs-saas-template

一个简单易使用、seo 友好的 next.js 模板，没有复杂的操作和配置，适合快速搭建一个落地页、saas 网站等。

模板仍在持续更新中...

预览

• template-custom 黑白简约主题

• template-gradient 彩色渐变主题

技术栈

• next.js 14
• shadcn/ui
• radix-ui
• tailwindcss
• lucide
• i18next
• supabase
• google oauth
• github oauth

功能

• 暗黑模式
• SEO 友好
• 多语言支持
• 博客
• 价格
• 登录/注册(邮箱、Google、Github)
• 个人中心

使用

• 克隆项目

  git clone git@github.com:jiweiyeah/nextjs-saas-template.git

• 安装依赖

  cd nextjs-saas-template/template-custom
  npm install
  
  cd nextjs-saas-template/template-gradient
  npm install

• 环境变量

  NEXT_PUBLIC_SUPABASE_URL=xxxxx
  NEXT_PUBLIC_SUPABASE_ANON_KEY=xxxxx
  NEXT_PUBLIC_APP_URL=xxxxx
  
  # Github OAuth
  GITHUB_CLIENT_ID=xxxxx
  GITHUB_CLIENT_SECRET=xxxxx 
  GITHUB_CALLBACK_URL=xxxxx/api/auth/github/callback
  
  # Google OAuth
  GOOGLE_CLIENT_ID=xxxxx
  GOOGLE_CLIENT_SECRET=xxxxx

• 运行项目

  cd nextjs-saas-template/template-custom
  npm run dev
  
  cd nextjs-saas-template/template-gradient
  npm run dev

部署

• Vercel
• Netlify

联系

欢迎各位与我联系，提出宝贵意见！

邮箱: freeourdays@gmail.com

推特: https://x.com/freeourdays

微信: yeheboo