English Documentation | 中文文档

nextjs-saas-template

A simple and user-friendly, SEO-friendly Next.js template designed for quick setup of landing pages, SaaS websites, and more, without complex configurations.

The template is continuously updated…

Preview

• template-custom Black-and-white minimalist theme

• template-gradient Colorful gradient theme

Tech Stack

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

Features

• Dark mode
• SEO-friendly
• Multi-language support
• Blog
• Pricing
• Login/Registration(Email, Github, Google)
• User dashboard

Usage

• Clone the repository

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

• Install dependencies

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

• Configure environment variables

  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

• Run the project

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

Deployment

• Vercel
• Netlify

Contact

Feel free to reach out and share your valuable feedback!

Email: freeourdays@gmail.com

Twitter: https://x.com/freeourdays

WeChat: yeheboo