Skip to content
Public template

About

battery packed template / boilerplate to initialize PWA ready Next.js app with TailwindCSS & Typescript setup ✨

Topics

Resources

Code of conduct

Contributing

Stars

124 stars

Watchers

1 watching

Forks

Latest commit

Β 

History

256 Commits

Folders and files

NameName
Last commit message
Last commit date
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

nextarter-tailwind

A highly opinionated, bleeding-edge Next.js template focused on developer experience, strict code quality, and performance.

Deploy with Vercel Deploy to Netlify Open in StackBlitz


πŸ”‹ Features

  • πŸš€ Next.js & React: Uses Next.js App Router and React 19.
  • 🎨 Tailwind CSS v4: CSS-first styling with the latest engine.
  • πŸ› οΈ Biome: Single tool for linting and formatting (35x faster than Prettier/ESLint).
  • 🏎️ Turborepo: Optimized build piping and caching.
  • πŸ“¦ pnpm: Fast, disk-space-efficient package management.
  • πŸ” SEO Optimized: Pre-configured next-sitemap and metadata handling.
  • πŸ—οΈ Architectural Integrity: Separates routing (app/) from implementation (lib/).
  • πŸ€– Agent-Friendly: Includes AGENTS.md to help AI coding assistants reason about the codebase.

πŸ—οΈ Architecture Overview

The project uses a Lib-Delegation pattern to keep the routing layer clean.

graph TD
    subgraph "Routing Layer"
        A[src/app] -->|Exports| B[Next.js Entry Points]
    end

    subgraph "Implementation Layer"
        B --> C[src/lib/pages]
        B --> D[src/lib/layout]
        C --> E[src/lib/components]
        D --> E
        E --> F[src/lib/styles]
    end
Loading

For more details, see SPEC.md.


πŸš€ Getting Started

1. Initialize

npx degit agustinusnathaniel/nextarter-tailwind <APP_NAME>
cd <APP_NAME>

2. Install Dependencies

pnpm install

3. Run Development Server

pnpm dev

Open http://localhost:3000 to see your app.


πŸ› οΈ Development Workflows

Task Command
Lint & Format pnpm biome:fix
Type Check pnpm type:check
Build pnpm build
Release pnpm release

Detailed contribution guidelines can be found in CONTRIBUTING.md.


πŸ“– Documentation Index

  • SPEC.md: Technical specification and invariants.
  • CONTRIBUTING.md: Contribution workflow and standards.
  • AGENTS.md: Guidance for AI IDEs and coding assistants.

πŸ“ License

Distributed under the MIT License. See LICENSE for more information.


Built with ❀️ by @agstnsnathaniel

About

battery packed template / boilerplate to initialize PWA ready Next.js app with TailwindCSS & Typescript setup ✨

Topics

Resources

Code of conduct

Contributing

Stars

124 stars

Watchers

1 watching

Forks

Releases

Sponsor this project

Packages

Used by

Contributors

Languages