Next.jsReactAdmin dashboardSaaSCorporate WebsiteStarter

AI-APP-Template — Next.js Admin dashboard Template

By mohitchandel

An AI application template based on Next.js and tRPC, including a landing page and a backend dashboard, integrated with Supabase database and Clerk authentication, providing example service pages for text-to-speech, voice cloning, music generation, and story generation.

Open Source SiteDownload Source ZIP

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

2 previews
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-03View source

What stands out

A quick read of the recorded project description.

01

Includes both a landing page and a backend dashboard page form

02

The dashboard provides entry points for AI services such as text-to-speech, voice cloning, music generation, and story generation

03

Uses tRPC to organize the API layer, Supabase for database management, and Clerk for authentication

04

Code is layered into pages, components, server, and supabase for easy module replacement

05

UI is built on Shadcn UI and shadcnblocks components

06

Released under the MIT license, allowing free use, modification, commercial use, and distribution

Template Details

This is an AI application starter template; the repository provides both a visitor-facing landing page and a dashboard after login. The landing page introduces the AI services offered; the dashboard serves as a central entry point, listing AI tool pages such as text-to-speech, voice cloning, music generation, and story generation. The tech stack is Next.js and React, with tRPC for the API layer, Supabase for data storage, and Clerk for user authentication. The project structure is divided into /pages (pages), /components (reusable React components), /server (tRPC API routes), and /supabase (Supabase client). UI components come from Shadcn UI and shadcnblocks. Before use, you need to configure Supabase and Clerk keys in .env.local and set Clerk's sign-in and sign-up redirect paths. The template is released under the MIT 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 and Clerk may incur costs. The repository does not specify whether each AI service connects to real models or is only a UI example; users should verify before use.

Next.jsReactBackendSaaSCorporate WebsiteStarter

Is it right for your project?

Use Cases

  • Building the landing page and user dashboard skeleton for an AI tool SaaS product
  • As a starting point for an AI service dashboard that requires an authentication system, replacing or extending specific service modules
  • For demonstrating the combination of Next.js + tRPC + Supabase + Clerk
  • Quickly launching an AI application prototype with authentication when you already have Supabase and Clerk accounts

Suitable For

  • AI application developers who need a landing page plus dashboard structure
  • Teams already using or willing to integrate Supabase and Clerk
  • Next.js projects that want to organize frontend and backend APIs with tRPC
  • Individuals or teams needing an MIT-licensed template that can be freely modified and used commercially

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

  1. 1

    Requires Node.js (LTS version recommended) and npm or yarn

  2. 2

    After cloning the repository, run npm install or yarn install to install dependencies

  3. 3

    Create .env.local in the root directory and fill in SUPABASE_URL, NEXT_PUBLIC_SUPABASE_ANON_KEY, NEXT_PUBLIC_SUPABASE_URL, NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY, CLERK_SECRET_KEY, and Clerk sign-in/sign-up path variables

  4. 4

    Run npm run dev or yarn dev and view the application at http://localhost:3000

  5. 5

    Supabase and Clerk keys need to be obtained by registering yourself; related external services may incur costs

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version of the public repository under the MIT license; the free scope is the code of this version and does not mean external services or third-party assets are free.

Must comply with when using

  • Allows free use, modification, commercial use, and distribution of this version's code.
  • 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 create .env.local in the root directory and configure environment variables, otherwise the application cannot run.
  • You need to register Supabase and Clerk accounts yourself and fill in real keys; these are external service dependencies and may incur costs.
  • Depends on Supabase as the database service; you must provide your own Supabase project and keys.
  • Depends on Clerk for authentication services; you must provide your own Clerk keys, and authentication functionality cannot be used without this external service.
  • Demo images, fonts, icons, and other third-party assets need to be checked against their respective licenses; they cannot be judged solely by the code's MIT license.
  • External services such as domain, hosting, database, payment, or AI may incur additional charges.
View Original Text Basis

Permission is hereby granted, free of charge

Original License Text

Create a .env.local file in the root directory and add the following variables

Original README

Replace your_* with your actual Supabase and Clerk credentials.

Original README

SUPABASE_URL=your_supabase_url

Original README

CLERK_SECRET_KEY=your_clerk_secret_key

Original README
https://github.com/mohitchandel/AI-APP-Template/blob/main/LICENSEhttps://github.com/mohitchandel/AI-APP-Template/blob/main/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-03. 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 · 77 / 100
Technologies
Next.js · React
Website type
Admin dashboard · SaaS · Corporate Website · 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
2024-09-07
Screenshot last checked
2026-10-03

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.

Review declaration: [email protected] · 2026-10-04

Inspect the recorded source material

SHA-256: 090f0809ae6fdccb643610d677a79e246530032d7aa8e54f9718df53cc680b40

2026-10-03T15:50:59.461Z

Source file / repository
https://github.com/user-attachments/assets/65bdb2bf-0932-495a-b804-3037173608a5




# AI APP Template
This project is a comprehensive AI application template featuring a landing page and a dashboard with various AI-powered services. It's built using Next.js and tRPC, with Supabase for database management and Clerk for authentication.

## Features

- Landing Page: Introduces users to the AI services offered.

- Dashboard: A central hub for accessing various AI tools.
  
  ### - AI Services:

    - Text-to-Speech
    - Voice Cloning
    - Music Generation
    - Story Generation


- Authentication: Powered by Clerk
- Database: Managed by Supabase

## Prerequisites
Before you begin, ensure you have the following installed:

Node.js (LTS version recommended)

npm or yarn

### Setup

#### 1. Clone the repository:
```bash
git clone https://github.com/mohitchandel/ai-app-template.git
cd ai-app-template
```

#### 2. Install dependencies:

`npm install or yarn install`

#### 3. Set up environment variables:

Create a .env.local file in the root directory and add the following variables:
```plaintext
# Supabase keys
SUPABASE_URL=your_supabase_url
NEXT_PUBLIC_SUPABASE_ANON_KEY=your_supabase_anon_key
NEXT_PUBLIC_SUPABASE_URL=your_supabase_url

# Clerk variables
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=your_clerk_publishable_key
CLERK_SECRET_KEY=your_clerk_secret_key

NEXT_PUBLIC_CLERK_SIGN_IN_URL=/sign-in
NEXT_PUBLIC_CLERK_SIGN_UP_URL=/sign-up
```

Replace your_* with your actual Supabase and Clerk credentials.

#### 4. Run the development server:

`npm run dev or yarn dev`

Open http://localhost:3000 in your browser to see the application.

### Project Structure

- /pages: Contains the main pages of the application
- /components: Reusable React components
- /server: API routes for tRPC
- /supabase: Supabase client


#### Contributing
Contributions are welcome! Please feel free to submit a Pull Request.


#### credits
- UI : [Shadcn UI](https://ui.shadcn.com/)
- Components : [shadcnblocks](https://www.shadcnblocks.com/)
Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.

Next.js SaaS Starter

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

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

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

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

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

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