PRO TEMPLATE

Production-ready Full-Stack Next.js Template

A complete SaaS starter with authentication, payments, AI chatbot, and documentation. Themed with your custom design from the Theme Editor. Deploy to Vercel in one click.

Get Template Live Preview

OAuth + Email

Auth Ready

Stripe + QR

Payment

Built-in

AI Chatbot

1-Click

Deploy

Everything you need, ready to ship

Preview every page of the template. Each section is fully functional and customizable with your theme.

your-app.vercel.app/dashboard

MyApp

Dashboard

AI Chat

Projects

Settings

John Doe

Pro Plan

Welcome back, John

Here's your overview

Total Chats

1,234

+12% this month

Active Users

+5% this month

Revenue

$4,567

+23% this month

Recent Activity

New chat session started2m ago

Payment received — $49.001h ago

User signed up via Google3h ago

Documentation page viewed5h ago

READY-TO-USE TEMPLATES

Start from a complete page

Three fully-built page templates — marketing landing, analytics dashboard, and pricing. Copy the code, customize the content, ship immediately.

Marketing Landing Page

A full-featured marketing landing page with hero section, animated features grid, social proof, how-it-works steps, FAQ accordion, and conversion CTA. Built with FadeIn, StaggerList, CountUp, and Marquee animations.

HeroFeaturesTestimonialsFAQCTA

View Template

Analytics Dashboard

A complete SaaS analytics dashboard with sidebar navigation, live metric cards, animated bar charts, order table with status badges, and top products breakdown. Ready to connect to your API.

MetricsChartsOrdersNavigationDark Mode

View Template

Pricing Page

A conversion-optimized pricing page with monthly/yearly billing toggle, three-tier plan cards with feature lists, feature comparison table, social proof, and FAQ accordion. Animated with smooth transitions.

Billing TogglePlan CardsComparison TableFAQ

View Template

Packed with everything you need

Stop building from scratch. Get a complete SaaS foundation with all the essential features pre-built and ready to customize.

Authentication

Complete auth flow with OAuth (Google, GitHub), email/password login, registration, and session management.

Payments & Billing

Stripe checkout, Alipay, WeChat Pay QR codes, subscription management, and order tracking.

AI Chatbot

Full chat interface with reasoning, tool invocations, sources, suggestions, code blocks, and streaming.

Documentation

MDX-powered docs with sidebar navigation, table of contents, breadcrumbs, search, and reading progress.

Theme System

Customizable design tokens — colors, radius, typography, spacing, shadows, and animations. Export and apply.

Vercel Deploy

One-click deploy to Vercel with environment variables, preview deployments, and edge functions.

Dark Mode

System-aware dark mode with smooth transitions. All components are dark mode compatible out of the box.

i18n Ready

Built-in internationalization with next-intl. English and Chinese included, easily add more locales.

Fully Responsive

Every page and component is mobile-first responsive. Perfect on desktop, tablet, and phone.

Performance

Built on Next.js App Router with React Server Components, Turbopack, and edge-first architecture.

SEO Optimized

Metadata API, sitemap generation, Open Graph images, and semantic HTML for maximum discoverability.

50+ Components

All SoloKit blocks included — pricing cards, chat elements, auth forms, doc components, and more.

Built on a modern stack

Industry-proven technologies chosen for developer experience, performance, and scalability.

v16

Next.js

App Router, RSC, Turbopack

v19

React

Server Components, Suspense

v5.x

TypeScript

Strict mode, full type safety

v4.x

Tailwind CSS

Utility-first styling, v4 engine

v12

Framer Motion

Smooth animations & transitions

v4.x

next-intl

Internationalization, locale routing

vlatest

Radix UI

Accessible headless primitives

v5.x

React Query

Data fetching, caching, mutations

Project StructureNext.js App Router

my-app/
├── app/
│   ├── [locale]/
│   │   ├── layout.tsx          # Root layout with providers
│   │   ├── page.tsx            # Landing / Home page
│   │   ├── login/page.tsx      # Authentication page
│   │   ├── register/page.tsx   # Registration page
│   │   ├── dashboard/page.tsx  # User dashboard
│   │   ├── chat/page.tsx       # AI Chatbot interface
│   │   ├── pricing/page.tsx    # Pricing & payment flow
│   │   └── docs/               # Documentation pages (MDX)
│   ├── api/
│   │   ├── auth/               # Auth API routes
│   │   ├── stripe/             # Stripe webhook & checkout
│   │   └── chat/               # AI chat API (streaming)
│   └── globals.css             # Theme tokens & base styles
├── components/
│   ├── ui/                     # Shadcn/ui primitives
│   ├── auth/                   # Auth components
│   └── providers/              # Theme, Query providers
├── lib/
│   ├── chatbot/                # Chat UI components
│   ├── pricing/                # Payment components
│   ├── docs/                   # Doc components
│   └── theme/                  # Theme engine & tokens
├── messages/                   # i18n translations
└── next.config.ts              # Next.js configuration

FREE & OPEN SOURCE

Stop building boilerplate

6 weeks of development, designed and integrated — completely free.

FULL ACCESS

Complete production-ready source code

50+ polished components, not demos

Auth · AI Chat · Docs — wired up

7 themes + visual Theme Editor

Ship to unlimited clients, white-label OK

Every future update, forever

Get Started — Free

No account required

Free forever

Save 6+ Weeks

Skip the boilerplate. Start from a working product.

Not a Starter Kit

Real features, real integrations — ready for users on day one.

Yours Forever

One download. Full ownership. No recurring fees, ever.

No Lock-in

Plain Next.js + Tailwind. Eject, extend, or rewrite — it's your code.

Your Brand, Pre-applied

Pick colors, fonts, and radius in the Theme Editor — the template ships with your brand baked in. No manual theming needed.

Try Theme Editor

Frequently Asked Questions

Everything you need to know about the template.

You get the complete Next.js source code with all pages (auth, dashboard, chat, pricing, docs), 50+ components, theme system, i18n support, and deployment configuration. Everything is ready to customize and deploy to Vercel.