create-next-stack

create-next-stack copied to clipboard

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

⚠ Required

Technologies marked with ⚠ are required. If you don't want to use these technologies, you have three options:

1. Set up your project using Create Next Stack anyway, and make the necessary adjustments manually.
2. Set up your project manually with Create Next App.
3. Find and use a template repo you can clone here on GitHub.

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=(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

License

Create Next Stack is released under the MIT License.