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.

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

Supported technologies

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

| Name | Links | | ------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | Next.js | Website - Docs - Learn Next.js - GitHub - Wikipedia | | React | Website - Docs - GitHub - Wikipedia | | TypeScript | Website - Docs - GitHub - Wikipedia | | Emotion | Website - Docs - GitHub | | Styled Components | Website - Docs - GitHub | | Tailwind CSS | Website - Docs - GitHub | | Sass | Website - Docs - Next.js-specific docs | | CSS Modules | Website - Docs - Next.js-specific docs | | CSS Modules | Website - Docs - Next.js-specific docs | | Mantine | Website - Docs - GitHub | | Chakra UI | Website - Docs - GitHub | | Material UI | Website - Docs - GitHub | | Framer Motion | Website - Docs - GitHub | | React Hook Form | Website - Docs - GitHub | | Formik | Website - Docs - GitHub | | React Query | Website - Docs - GitHub | | React Icons | Website - GitHub | | ESLint | Website - Configuration - Rules - GitHub | | Prettier | Website - Docs - Options - GitHub | | Husky | Website - Docs - GitHub | | lint-staged | Website - GitHub | | pnpm | Website - Docs - GitHub | | Yarn | Website - CLI Docs - GitHub | | npm | Website - Docs - GitHub | | GitHub Actions | Website - Docs - Workflow syntax | | Plausible Analytics | Website - Docs - GitHub | | next-plausible | Website - GitHub | | Vercel | Website - Docs - CLI Docs | | Netlify | Website - Docs - CLI Docs |

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 [APP_NAME] [FLAGS]

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

FLAGS
  -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.
  --mantine                     Adds Mantine. (Component library) (Requires
                                Emotion)
  --material-ui                 Adds Material UI. (Component library) (Requires
                                Emotion)
  --netlify                     Adds Netlify. (Hosting)
  --package-manager=<option>    (required) Sets the preferred package manager.
                                (Required)
                                <options: pnpm|yarn|npm>
  --plausible                   Adds Plausible. (Analytics)
  --prettier                    Adds Prettier. (Code formatting)
  --react-hook-form             Adds React Hook Form. (Form library)
  --react-icons                 Adds React Icons. (Icon library)
  --react-query                 Adds React Query. (Server state management
                                library)
  --styling=<styling-method>    (required) Sets the preferred styling method.
                                (Required) <styling-method> =
                                emotion|styled-components|tailwind-css|css-modul
                                es|css-modules-with-sass
  --vercel                      Adds Vercel. (Hosting)

Contributing

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

License

Create Next Stack is released under the MIT License.