create-next-stack

Create Next Stack is a website and CLI tool used to easily set up the boilerplate of new Next.js apps.

Where Create Next App lets you choose a single template only, Create Next Stack lets you pick and choose an array of technologies often used alongside Next.js, and free you of the pain of making them work together.

This repository covers the CLI tool, while create-next-stack-website covers the site.

To get started, go to create-next-stack.com or run:

npx create-next-stack

If using the CLI, you'll be prompted to pick a project name, and your preferred technologies like so:

Supported technologies

The table below provides an overview of the technologies currently supported by Create Next Stack.

Technologies table

Name	Links
Next.js (Mandatory)	Docs - Learn Next.js - GitHub repo
React (Mandatory)	Docs - GitHub repo
TypeScript (Mandatory)	Docs - GitHub repo
ESLint (Mandatory)	Configuration - Rules - GitHub Repo
pnpm	Docs - GitHub repo
Yarn	CLI Docs - GitHub repo
npm	CLI Docs
Emotion	Docs - GitHub repo
Styled Components	Docs - GitHub repo
Tailwind CSS	Docs - GitHub repo
CSS Modules	Docs - Next.js-specific docs
Sass	Docs - Next.js-specific docs
Chakra UI	Docs - GitHub repo
Material UI	Docs - GitHub repo
React Hook Form	Docs - GitHub repo
Formik	Docs - GitHub repo
Framer Motion	Docs - GitHub repo
Prettier	Docs - Options - GitHub repo
Husky	Docs - GitHub repo
lint-staged	GitHub repo
GitHub Actions	Docs - Workflow syntax

Usage

Below you see an overview of Create Next Stack's usage, including detailed information about arguments and options. The overview is the result of running create-next-stack --help

USAGE
  $ create-next-stack [APPNAME]

ARGUMENTS
  APPNAME  The name of your app, optionally including a path prefix. Eg.: "my-app" or "path/to/my-app"

OPTIONS
  -h, --help                         Shows the CLI help information.
  -v, --version                      Shows the CLI version information.
  --chakra                           Adds Chakra UI. (Component library) (Requires Emotion and Framer Motion)
  --debug                            Show verbose error messages for debugging purposes.
  --formatting-pre-commit-hook       Adds a formatting pre-commit hook. (Requires Prettier)
  --formik                           Adds Formik. (Form library)
  --framer-motion                    Adds Framer Motion. (Animation library)
  --github-actions                   Adds a GitHub Actions continuous integration workflow.
  --material-ui                      Adds Material UI. (Component library)
  --package-manager=(pnpm|yarn|npm)  Sets the preferred package manager. (Required)
  --prettier                         Adds Prettier. (Code formatting)
  --react-hook-form                  Adds React Hook Form. (Form library)
  --styling=<styling-method>         Sets the preferred styling method. (Required) <styling-method> = emotion|styled-components|tailwind-css|css-modules|css-modules-with-sass

Contributing

Contributions are welcome! Please see the contributing guidelines for more information.

License

Create Next Stack is released under the MIT License.