Welcome to Next.js 16 Starter

A modern starter template with Redux Toolkit, TypeScript, and Tailwind CSS

Features

  • Next.js 16 with App Router
  • Redux Toolkit
  • TypeScript
  • Tailwind CSS
  • Custom Hooks
  • Reusable Components
  • Server Components
  • Nested Route Groups

Project Structure

📁 app/
📁 (pages)/
📁 (public)/
📁 (dashboard)/
📁 (auth)/
📁 components/
📁 hooks/
📁 lib/
📁 redux/
📁 types/
📁 utils/

Getting Started

Run the development server:

bun dev

Open your browser and navigate to localhost:3000

Server Components

This page uses React Server Components for optimal performance:

  • 🚀Faster initial page loads
  • 📦Smaller bundle sizes
  • 🔍Better Performance
  • Automatic code splitting

Interactive Examples

Try our interactive client components:

Architecture Highlights

Server Side

  • • React Server Components
  • • Static generation
  • • Performance optimized
  • • Zero client JavaScript

Client Side

  • • Redux Toolkit state
  • • Interactive components
  • • Real-time updates
  • • Client-side routing