Next.js Starter

A minimal Next.js boilerplate with TypeScript and Tailwind CSS, ready for building modern web applications. Pre-configured with ESLint, custom fonts (Geist), and a clean project structure.

Tech Stack

• Framework: Next.js 14.2 (App Router)
• Language: TypeScript 5
• Styling: Tailwind CSS 3.4
• Fonts: Geist Sans and Geist Mono (self-hosted variable fonts)
• Linting: ESLint with next/core-web-vitals config
• UI: React 18

Getting Started

# Clone the repository
git clone https://github.com/mhmalvi/nextjs-starter.git
cd nextjs-starter

# Install dependencies
npm install

# Start the development server
npm run dev

# Build for production
npm run build

# Start the production server
npm start

# Run linting
npm run lint

The development server starts at http://localhost:3000.

Project Structure

app/
├── layout.tsx          # Root layout with Geist fonts
├── page.tsx            # Homepage
├── globals.css         # Global styles and Tailwind imports
├── favicon.ico         # Site favicon
└── fonts/
    ├── GeistVF.woff    # Geist Sans variable font
    └── GeistMonoVF.woff # Geist Mono variable font
next.config.mjs         # Next.js configuration
tailwind.config.ts       # Tailwind CSS configuration
tsconfig.json           # TypeScript configuration
postcss.config.mjs      # PostCSS configuration

License

MIT