Uses custom Clerk authentication components to implement sign-in, sign-up, password reset, and email verification
Next.jsReactSaaSStarter
next-shadcn-clerk-starter — Next.js SaaS Template
By fedilayoub
A Next.js-based SaaS starter template that integrates a custom Clerk authentication flow with shadcn/ui components, including sign-in, sign-up, password reset, email verification, and dark/light themes.
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-01View source
What stands out
A quick read of the recorded project description.
Provides protected routes and authentication state management that can be directly extended into multi-role SaaS applications
UI is based on shadcn/ui and Radix UI primitives, paired with Tailwind CSS and Lucide icons
Built-in dark/light theme switching implemented with next-themes
Includes multiple demo pages covering common SaaS page structures
Uses TypeScript and ESLint, with development scripts based on pnpm and Turbopack enabled
Template Details
This is a Next.js starter template for SaaS scenarios, with the core goal of pre-building the authentication flow and UI components. Repository materials indicate that it uses Clerk to implement custom authentication components covering sign-in, sign-up, password reset, and email verification, and provides protected routes and authentication state management. The UI layer is built on shadcn/ui and Radix UI primitives, styled with Tailwind CSS, with icons from Lucide React and dark/light theme switching handled by next-themes, all with a responsive design. The template includes multiple demo pages that can be directly adapted into specific product pages.
On the development side, it uses TypeScript and ESLint, scripts are based on pnpm, and the dev server enables Turbopack. Before use, you need to prepare your own Clerk credentials and configure NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY and CLERK_SECRET_KEY in .env.local; otherwise, authentication-related pages will not work properly. The template is MIT licensed and can be used, modified, and distributed for free, but third-party assets such as demo images, fonts, and icons require separate license verification, and external services such as Clerk may incur costs.
Next.jsSaaSStarter
Is it right for your project?
Use Cases
- Quickly building SaaS product prototypes that require email/password authentication and email verification
- Serving as a reference project for learning Clerk's custom authentication flow and shadcn/ui component integration
- Replacing copy and components on the existing demo pages to turn them into a management backend for a specific business
- Starting web applications that need dark/light themes and responsive layouts
Suitable For
- Developers familiar with Next.js and TypeScript who want to skip authentication boilerplate
- Teams planning to use Clerk as their authentication service and accept its external dependency
- SaaS projects that need the shadcn/ui component library and the Tailwind CSS styling system
- Individuals or teams who want to build on MIT-licensed code for secondary development
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
After cloning the repository, install dependencies with pnpm install
- 2
Configure NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY and CLERK_SECRET_KEY in .env.local; credentials must be obtained from Clerk
- 3
Start the development server with pnpm run dev; use pnpm run build and pnpm run start for build and production start respectively
- 4
External services such as Clerk may incur costs, and third-party assets such as demo images, fonts, and icons require separate license verification
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry covers the free version under the MIT license in a public repository; the free scope applies to that version's code and does not mean external services or third-party assets are free.
Must comply with when using
- Free use, modification, commercial use, and distribution of this version's code are permitted.
- When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
- 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 with Clerk yourself and configure NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY and CLERK_SECRET_KEY; otherwise, authentication-related pages will not work properly. Clerk is an external service and may incur costs.
- Demo images, fonts, icons, and other third-party assets must be checked against their respective licenses; the code's MIT license alone is not sufficient to determine this.
- External services such as domains, hosting, databases, payments, or AI may incur additional charges.
View Original Text Basis
Permission is hereby granted, free of charge
Original License Text
https://github.com/fedilayoub/next-shadcn-clerk-starter/blob/master/LICENSEhttps://github.com/fedilayoub/next-shadcn-clerk-starter/blob/master/README.mdCreate a `.env.local` file with your Clerk credentials
Original README
Compiled by DeepSeek based on repository license and README ·2026-10-01. 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 · 92 / 100
- Technologies
- Next.js · React
- Website type
- SaaS · Starter
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
- 2026-09-26
- Screenshot last checked
- 2026-10-01
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: 3edbf993d6fdb68dbbd675dd8461e7f42e8fab2b7147eb8f012c2878a517f5da
2026-10-01T00:22:36.096Z
Source file / repository# Next.js SAAS Starter Template A modern starter template built with Next.js 16, Clerk, and shadcn/ui components. This template provides everything you need to quickly bootstrap a web application with secure authentication, beautiful UI components, and best practices built-in.  ## Overview This starter template solves common authentication challenges and provides a solid foundation for building web applications. It includes: - Complete authentication flows (Sign In, Sign Up, Password Reset) using custom clerk auth components - Email verification system - Responsive and accessible UI components - Multiple demo pages ready to customize for your specific needs - Dark/Light mode theming - TypeScript support - Modern development tools  ## Tech Stack - **Framework**: Next.js 16 - **Authentication**: Clerk - **Styling**: Tailwind CSS - **UI Components**: shadcn/ui + Radix UI primitives - **Icons**: Lucide React - **Theme**: next-themes for dark/light mode - **Development**: TypeScript, ESLint ## Getting Started 1. Clone the repository 2. Install dependencies: ```bash pnpm install ``` 3. Set up your environment variables: Create a `.env.local` file with your Clerk credentials: ``` NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=your_publishable_key CLERK_SECRET_KEY=your_secret_key ``` 4. Run the development server: ```bash pnpm run dev ``` ## Available Scripts - `pnpm run dev` - Starts development server with Turbopack - `pnpm run build` - Creates production build - `pnpm run start` - Starts production server - `pnpm run lint` - Runs ESLint ## Features ### Authentication - Email/Password authentication - Email verification flow - Password reset functionality - Protected routes - Authentication state management ### UI/UX - Responsive design for all screen sizes - Dark/Light mode support - Loading states and animations - Clean and modern UI components - Accessible components using Radix UI ### Development - TypeScript for type safety - ESLint configuration - Modern development setup with Turbopack - Organized project structure - Ready-to-use UI components ## Contributing Contributions are welcome! Please feel free to submit a Pull Request. ## License This project is open source and available under the MIT license.
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
Next.js Commerce
Vercel's officially maintained Next.js App Router ecommerce starter with deep Shopify integration, offering a complete product catalog, cart, and checkout flow. Core logic is modular for swapping backends, and community provider versions exist for BigCommerce, Medusa, and Saleor.
Next.js · E-commerce
Next-js-Boilerplate
A developer-first Next.js 16 starter with Tailwind CSS 4 and TypeScript, supporting both App Router and Page Router.
Next.js · Starter
tailwind-nextjs-starter-blog
A Next.js and Tailwind CSS blog starter template using Contentlayer for Markdown/MDX, with built-in SEO, code highlighting, and tags. It targets personal technical blogs and migration from Jekyll/Hugo to React, and supports one-click Vercel deployment.
Next.js · Blog
next-forge
next-forge is a Turborepo-based Next.js template maintained by Vercel, positioned as a starting point for SaaS products.
Next.js · Starter
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