cns
create-next-stack
npm i create-next-stack
cns

create-next-stack

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

by Anders Kjær Damgaard

0.1.6 (see all)License:MITTypeScript:Built-In
npm i create-next-stack
Readme
A screenshot of the Create Next Stack website

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:

Screenshot of Create Next Stack running in a terminal

Supported technologies

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

Technologies table

NameLinks
Next.jsDocs - Learn Next.js - GitHub repo
ReactDocs - GitHub repo
TypeScriptDocs - GitHub repo
ESLintConfiguration - Rules - GitHub Repo
YarnCLI Docs - GitHub repo
npmCLI Docs
EmotionDocs - GitHub repo
Styled ComponentsDocs - GitHub repo
Tailwind CSSDocs - GitHub repo
CSS ModulesDocs - Next.js-specific docs
SassDocs - Next.js-specific docs
Chakra UIDocs - GitHub repo
Material UIDocs - GitHub repo
React Hook FormDocs - GitHub repo
FormikDocs - GitHub repo
Framer MotionDocs - GitHub repo
PrettierDocs - Options - GitHub repo
HuskyDocs - GitHub repo
lint-stagedGitHub repo
GitHub ActionsDocs - Workflow syntax

⚠ 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.

Downloads/wk

23

GitHub Stars

143

LAST COMMIT

7mos ago

MAINTAINERS

1

CONTRIBUTORS

2

OPEN ISSUES

20

OPEN PRs

0
VersionTagPublished
0.1.6
latest
24d ago
No alternatives found
No tutorials found
Add a tutorial