Next.js TypeScript Starter

A modern Next.js starter template with TypeScript, Tailwind CSS, and essential tools for building web applications.

Features

• ⚡️ Next.js 15 with App Router
• 🎨 Tailwind CSS for styling
• 🔒 Authentication with Privy
• 🌙 Dark/Light mode with next-themes
• 🎯 TypeScript for type safety
• 📊 React Query for data fetching
• 🎭 Radix UI components
• 🎨 Shadcn UI components
• 🔄 ESLint & Prettier for code quality

Quick Start

npx create-nextjs-ts my-app
cd my-app
npm run dev

Included Tools

Core

• Next.js 15.3.1
• React 19
• TypeScript 5

Styling

• Tailwind CSS 4
• Shadcn UI
• Radix UI
• next-themes

Authentication

• Privy.io

Data Management

• Tanstack React Query
• Viem for Web3

Development

• ESLint
• Prettier
• TypeScript
• Turbopack

Project Structure

.
├── app/              # Next.js app directory
├── components/       # React components
│   ├── ui/          # UI components
│   ├── web3/        # Web3 components
│   └── theme/       # Theme components
├── hooks/           # Custom React hooks
├── lib/             # Utility functions
├── providers/       # React context providers
└── public/          # Static assets

Development

See MAINTENANCE.md for detailed instructions on maintaining and updating the package.

License

MIT

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.