Quickly Start Next.js Apps with create-next-quick CLI

A more lightweight and faster alternative to the standard create-next-app that allows you to set up new Next.js projects quickly.

This CLI tool guides you through selecting various configuration options for your Next.js project.

You can choose to include TypeScript, Tailwind CSS, and the Next.js app directory.

It also allows the creation of multiple pages simultaneously during the initial setup, which helps accelerate the development process when beginning a new project.

GitHub

Features

⚡ Interactive Project Setup – Guided prompts for project name, TypeScript, Tailwind CSS, and directory structure configuration.

📁 Next.js App Directory Support – Full compatibility with Next.js app directory architecture.

📄 Multi-Page Generation – Create multiple pages simultaneously during project initialization.

🔍 Flexible Linting Options – Choose between ESLint, Biome, or no linter configuration.

🎨 Shadcn UI Integration – Automatic installation and configuration of Shadcn UI components.

🗃️ ORM Support – Built-in support for Prisma and Drizzle ORM setup.

🧹 Clean Project Structure – Removes default Next.js boilerplate and unnecessary files.

📝 Template Customization – Overwrites default pages and layouts with minimal templates.

📂 Flexible Directory Creation – Support for current directory installation using dot notation.

🚀 Zero Global Installation – Run directly with npx without global package installation.

Use Cases

Rapid Prototyping – Quickly scaffold new Next.js projects for testing ideas and concepts without manual configuration overhead.
Team Development Standards – Establish consistent project structures across development teams with predefined configurations and tooling choices.
Client Project Kickstarts – Initialize client projects with specific requirements like TypeScript, Tailwind CSS, and custom page structures in minutes.
Educational Content Creation – Set up clean Next.js environments for tutorials, workshops, and coding bootcamps with minimal boilerplate.
MVP Development – Create minimum viable product foundations with essential tooling and clean architecture for faster development cycles.

How to Use It

1. Run the tool directly using npx.

npx create-next-quick

2. This command starts the interactive setup process. You will be asked a series of questions to configure your new Next.js project.

Project Name: First, enter a name for your project. You can use . to create the project in your current working directory.
TypeScript: You will be asked if you want to use TypeScript. The default option is “Yes”.
Tailwind CSS: Next, choose whether to include Tailwind CSS. The default is “Yes”.
App Directory: You can decide to use the Next.js app directory structure. The default is “Yes”.
Page Creation: Enter the names of any pages you want to create, separated by commas. For example, about, portfolio, contact.
Linter Selection: Choose a linter for your project. The options are ESLint, Biome, or none.
ORM Selection: Select an Object-Relational Mapping (ORM) tool. You can choose between Prisma, Drizzle, or none.
Shadcn UI: Finally, decide if you want to include the Shadcn UI library. The default option is “No”.

Here is an example of the interactive setup flow in your terminal:

? Enter project name: my-next-project
? Do you want to use TypeScript? Yes
? Do you want to use Tailwind CSS? Yes
? Do you want to use the app directory? Yes
? Enter the names of the pages you want to create (comma-separated): home, blog, contact
? Choose a linter (default: none): ESLint
? Choose an ORM (default: none): Prisma
? Do you want to use Shadcn UI? Yes

3. Once you have answered all the prompts, the tool will create the project directory, install the necessary dependencies, and configure the project according to your selections.

4. After the setup is complete, you can navigate into your new project directory and use the standard npm scripts to run, build, and lint your application.

Related Resources

Next.js Documentation – Official Next.js documentation covering app directory, routing, and advanced features.
Shadcn UI Documentation – Complete guide to Shadcn UI components, installation, and customization options.
Prisma Documentation – Database toolkit documentation for schema management and query building.
Tailwind CSS Documentation – Utility-first CSS framework documentation and configuration guides.

FAQs

Q: Can I use Create Next Quick with existing projects?
A: No, Create Next Quick is designed for new project creation only. It creates fresh Next.js projects with your specified configuration options.

Q: Does the tool work with the latest Next.js versions?
A: Yes, Create Next Quick supports current Next.js versions, including the app directory structure introduced in Next.js 13, and maintains compatibility with newer releases.

Q: What happens if I choose the app directory option?
A: The tool configures your project with the modern app directory structure, creating app/layout.tsx, app/page.tsx, and organizing routes according to Next.js 13+ conventions.

Q: Can I modify the generated project structure after creation?
A: Yes, the generated project is a standard Next.js application that you can modify, extend, and customize according to your specific requirements.