X Tutup
Skip to content

Latest commit

 

History

History

README.md

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
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
Prisma Website - Docs - 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  [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)
      --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)
      --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)
      --prisma                      Adds Prisma. (ORM)
      --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)
      --router=<option>             [default: app] Sets the React framework
                                    router to use. App Router is the default and
                                    recommended option.
                                    <options: app|pages>
      --styling=<styling-method>    (required) Sets the preferred styling
                                    method. (Required) <styling-method> =
                                    emotion|styled-components|tailwind-css|css-m
                                    odules|css-modules-with-sass
      --vercel                      Adds Vercel. (Hosting)

All contributors

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

License

Create Next Stack is released under the MIT License.

X Tutup