Provides two independent theme projects: minimal black-and-white and colorful gradient
Next.jsReactSaaSCorporate Website
nextjs-saas-template — Next.js SaaS Template
By jiweiyeah
A Next.js-based SaaS and landing page template with built-in light/dark themes, multilingual support, blog, pricing page, and user dashboard, using Supabase and Google/GitHub OAuth for sign-up and login.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Desktop homepage1 / 2
Desktop captureTop of page
Actual screenshot captured by the server browser.
All pages & views 2
Screenshots show visual appearance; interactive behavior may differ.
Recorded 2026-10-02View source
What stands out
A quick read of the recorded project description.
Built-in dark mode and multilingual support, with SEO handling
Includes pages such as blog, pricing, sign-up/login, and user dashboard
Supports email, GitHub, and Google login methods, with authentication based on Supabase
Tech stack covers Next.js, shadcn/ui, radix-ui, tailwindcss, i18next, etc.
Licensed under Apache-2.0, allowing free use, modification, commercial use, and distribution
Template Details
This template targets scenarios such as quickly building landing pages and SaaS websites. The repository provides two independent projects: template-custom (minimal black-and-white theme) and template-gradient (colorful gradient theme), each requiring separate dependency installation and execution.
Functionally, it includes dark mode, SEO handling, multilingual support, a blog, a pricing page, as well as email, GitHub, and Google sign-up/login methods and a user dashboard. The tech stack involves Next.js, shadcn/ui, radix-ui, tailwindcss, lucide, i18next, Supabase, and Google/GitHub OAuth.
Before use, environment variables must be configured: Supabase URL and anon key, app URL, and GitHub and Google OAuth client IDs, secrets, and callback URLs. Deployment documentation points to Vercel and Netlify. The repository uses the Apache-2.0 license, allowing free use, modification, commercial use, and distribution of the code, but third-party assets such as demo images, fonts, and icons require separate license verification, and external services like Supabase, hosting, and domains may incur additional charges.
Next.jsSaaSCorporate website
Is it right for your project?
Use Cases
- Building SaaS product websites and marketing landing pages
- Content-oriented sites that need a blog and pricing page display
- Projects looking to quickly integrate Supabase authentication and a user dashboard
- Product sites requiring multilingual and dark mode support
Suitable For
- Front-end developers who want to quickly start a SaaS front end based on Next.js
- Small teams needing ready-made sign-up/login and user center pages
- Projects preferring the shadcn/ui and Tailwind CSS component style
- Sites planning to deploy to Vercel or Netlify
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
After cloning the repository, enter the template-custom or template-gradient directory and run npm install
- 2
Configure NEXT_PUBLIC_SUPABASE_URL, NEXT_PUBLIC_SUPABASE_ANON_KEY, NEXT_PUBLIC_APP_URL
- 3
Optionally configure GITHUB_CLIENT_ID, GITHUB_CLIENT_SECRET, GITHUB_CALLBACK_URL and GOOGLE_CLIENT_ID, GOOGLE_CLIENT_SECRET
- 4
Run npm run dev in the corresponding directory to start the development environment
- 5
For deployment, refer to the Next.js documentation for Vercel or Netlify
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry covers the free version in the public repository under the Apache-2.0 license; the free scope applies to that version's code and does not imply that external services or third-party assets are free.
Must comply with when using
- Free use, modification, commercial use, and distribution are permitted; the Apache-2.0 license must be included when distributing.
- Modified files must carry prominent notices of changes, and relevant copyright, patent, trademark, and attribution notices must be retained.
- If the original project includes a NOTICE file, applicable attribution notices must be retained when distributing derivative works.
- The license includes an applicable contributor patent grant; initiating patent litigation as described in the license terminates that patent grant, and no trademark rights are granted.
- The code is provided as-is; warranties and limitations of liability are governed by the original license and applicable law.
Additional costs & items to verify
- Before use, you must register and configure Supabase yourself, filling in the project URL, anon key, and app URL; otherwise authentication and data features will not work. Supabase is an external third-party service and may incur charges.
- GitHub login requires creating an OAuth app and configuring the client ID, secret, and callback URL, depending on GitHub's external account system.
- Google login requires applying for Google OAuth credentials and configuring the client ID and secret, depending on Google's external account system.
- Demo images, fonts, icons, and other third-party assets must be checked against their respective licenses; they cannot be judged solely by the code's Apache-2.0 license.
- External services such as domains, hosting, databases, payments, or AI may incur additional charges.
View Original Text Basis
no-charge, royalty-free, irrevocable copyright license
Original License Text
NEXT_PUBLIC_SUPABASE_URL=xxxxx NEXT_PUBLIC_SUPABASE_ANON_KEY=xxxxx NEXT_PUBLIC_APP_URL=xxxxx
Original README
# Github OAuth GITHUB_CLIENT_ID=xxxxx GITHUB_CLIENT_SECRET=xxxxx GITHUB_CALLBACK_URL=xxxxx/api/auth/github/callback
Original README
https://github.com/jiweiyeah/nextjs-saas-template/blob/main/LICENSEhttps://github.com/jiweiyeah/nextjs-saas-template/blob/main/README.md# Google OAuth GOOGLE_CLIENT_ID=xxxxx GOOGLE_CLIENT_SECRET=xxxxx
Original README
Compiled by DeepSeek based on repository license and README ·2026-10-02. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.
Project checks & description sources
Template Information
- Source platforms
- GitHub
- Documentation and maintenance reference score
- More documented · 90 / 100
- Technologies
- Next.js · React
- Website type
- SaaS · Corporate Website
How this score is calculated
Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.
What to verify for this project
- Repository update recorded
- 2024-12-09
- Screenshot last checked
- 2026-10-02
A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.
The catalog identifies Next.js as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.
Use a selection guide →How this description was prepared
AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.
Automatically checked against source and license rules; no manual editorial review.
Inspect the recorded source material
SHA-256: 167955d49c878a30e97ac9611c0ea11317268c5ce7d12c34ec7d6ecfa5f453ab
2026-10-02T08:19:44.548Z
Source file / repository[English Documentation](README.md) | [中文文档](README_CN.md) # 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 ```bash git clone [email protected]:jiweiyeah/nextjs-saas-template.git ``` - Install dependencies ```bash cd nextjs-saas-template/template-custom npm install cd nextjs-saas-template/template-gradient npm install ``` - Configure environment variables ```bash 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 ```bash cd nextjs-saas-template/template-custom npm run dev cd nextjs-saas-template/template-gradient npm run dev ``` ## Deployment - [Vercel](https://vercel.com/docs) - [Netlify](https://docs.netlify.com/frameworks/next-js/overview/) ## Contact Feel free to reach out and share your valuable feedback! Email: [email protected] Twitter: https://x.com/freeourdays WeChat: yeheboo <table> <tr> <td><img src="./images/WechatIMG248.jpg" alt="Image 1" width="200"></td> <td><img src="./images/WechatIMG276.jpg" alt="Image 2" width="200"></td> </tr> </table>
Explore similar templates
Compare previews and descriptions within the same stack and category.
Next.js SaaS Starter
The official Next.js SaaS starter template, integrating email/password authentication, Stripe Checkout subscriptions, a dashboard with user/team CRUD, basic Owner/Member RBAC, and activity logging.
Next.js · SaaS
SaaS-Boilerplate
SaaS-Boilerplate is an open-source SaaS starter template built with Next.js App Router, React 19, TypeScript, Tailwind CSS, and Shadcn UI.
Next.js · SaaS
create-t3-turbo
A full-stack TypeScript monorepo starter from T3 OSS, listed in the Vercel template directory. It splits apps for Next.js, Expo and optional TanStack Start, with shared packages for tRPC v11, better-auth, Drizzle + Supabase and shadcn/ui.
Next.js · Starter
saas-starter-kit
BoxyHQ's open-source Next.js enterprise SaaS starter template provides a reusable foundation with authentication, team management, SAML SSO, directory sync, webhooks, audit logs, and Stripe payments.
Next.js · SaaS
saasfly
Saasfly is an MIT-licensed Next.js SaaS starter template with built-in Clerk authentication, Stripe payment, PostgreSQL, Resend email, internationalization, SEO, tRPC, and Zustand. It is created via `bun create saasfly` and deployable on Vercel.
Next.js · SaaS
Next-JS-Landing-Page-Starter-Template
A free Next.js landing page starter template written in Tailwind CSS and TypeScript, featuring built-in navbar, hero, features, CTA banner, and footer sections.
Next.js · Corporate Website