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-stackIf 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
- Set up your project using Create Next Stack anyway, and make the necessary adjustments manually.
- Set up your project manually with Create Next App.
- 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.