Nextjs Starter Kit

Theme by Michaelshimeles

|

Updated: 11 Mar 2025

|

2110 Stars

The Ulimate Nextjs Starter Kit. Build your next SAAS product of your dreams. Batteries included.

Categories

Overview:

The NextJS 14 Starter Template is a full-stack framework that combines various technologies like NextJS 14, TailwindCSS, Shadcn UI, Clerk for authentication, React Hook Form for forms, Zod for type schema, Tanstack Query for querying data and state management, Supabase for the database, and Redis & Upstash for rate limiting and caching. The theme requires ENV variables and signing up at Clerk.com and Supabase.com.

Features:

• NextJS 14: Full-stack framework
• TailwindCSS: CSS framework for styling
• Shadcn UI: Component library for UI design
• Clerk: Provides authentication functionality
• React Hook Form: Library for building forms
• Zod: Type schema for data validation
• Tanstack Query: For querying data and managing state
• Supabase: Database for data storage and retrieval

Installation:

To install the NextJS 14 Starter Template, follow these steps:

1. Sign up at Clerk.com and Supabase.com
2. Update the ENV variables in your project:

NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
CLERK_SECRET_KEY=
NEXT_PUBLIC_CLERK_SIGN_IN_URL=/sign-in
NEXT_PUBLIC_CLERK_SIGN_UP_URL=/sign-up
NEXT_PUBLIC_CLERK_AFTER_SIGN_IN_URL=/
NEXT_PUBLIC_CLERK_AFTER_SIGN_UP_URL=/
WEBHOOK_SECRET=
NEXT_PUBLIC_SUPABASE_URL=
NEXT_PUBLIC_SUPABASE_ANON_KEY=
DATABASE_URL=
DIRECT_URL=

3. Start using the template with the integrated technologies.

Summary:

The NextJS 14 Starter Template is a robust framework that incorporates various technologies like TailwindCSS, Shadcn UI, Clerk, React Hook Form, Zod, Tanstack Query, Supabase, Redis, and Upstash to provide a complete solution for building web applications. By following the installation guide and setting up the necessary ENV variables, developers can quickly get started with this feature-rich template.