create-nexter

A modern and extensible CLI to scaffold your Next.js projects with a clean, scalable architecture.

Table of Contents

• Introduction
• Features
• Getting Started
• Tech Stack
• Contributing
• License

---

Introduction

create-nexter is a zero-config CLI tool that helps you kickstart modern Next.js apps with an opinionated project structure.
It integrates best practices for scalability, developer experience, and clean code — with optional Tailwind CSS setup.

Designed for frontend developers and teams who want consistency and speed when starting new projects.

---

🚀 Features

• Interactive CLI with project language selection (JS/TS)
• Uses create-next-app under the hood
• Designed for developers, scalable for teams
• Supports TypeScript and JavaScript
• Preconfigured Tailwind CSS (optional, can be customized)
• Includes professional base components like Hero
• Modular architecture with clean folder structure

Getting Started

To scaffold a new project, run:

npx create-nexter my-app

You will be prompted to select your preferred language: TypeScript or JavaScript.

Once complete, start your development server:

cd my-app
npm run dev

Project Structure Example

After generation, your project will have the following structure:

• For Typescript project

    my-app/
    ├── public/
    ├── src/
    │ ├── components/
    │ │ └── Hero.tsx
    │ │ └── index.tsx
    │ ├── pages/
    │ │ └── _app.tsx
    │ │ └── index.tsx
    │ └── styles/
    │ └── global.css
    ├── .gitignore
    ├── eslint.config.mjs
    ├── next-env.d.ts
    ├── next.config.ts
    ├── package-lock.json
    ├── package.json
    ├── postcss.config.js
    ├── README.md
    ├── tailwind.config.js
    └── tsconfig.json

• For Javascript project

    my-app/
    ├── public/
    ├── src/
    │ ├── components/
    │ │ └── Hero.jsx
    │ │ └── index.jsx
    │ ├── pages/
    │ │ └── _app.jsx
    │ │ └── index.jsx
    │ └── styles/
    │ └── global.css
    ├── .gitignore
    ├── eslint.config.mjs
    ├── next-env.d.ts
    ├── next.config.mjs
    ├── package-lock.json
    ├── package.json
    ├── postcss.config.js
    ├── README.md
    ├── tailwind.config.js
    └── jsconfig.json

🛠 Tech Stack

Node.js (ESM)

• prompts for interactive input
• create-next-app for project generation (Next.js 15+)

Contributing

Contributions, issues, and feature requests are welcome!
Feel free to check issues page.