Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/akd-io/create-next-stack
Create Next Stack is a website and CLI tool used to easily set up the boilerplate of new Next.js apps.
https://github.com/akd-io/create-next-stack
boilerplate cli eslint frontend nextjs prettier react scaffolding starter starter-kit template typescript web
Last synced: about 2 hours ago
JSON representation
Create Next Stack is a website and CLI tool used to easily set up the boilerplate of new Next.js apps.
- Host: GitHub
- URL: https://github.com/akd-io/create-next-stack
- Owner: akd-io
- License: mit
- Created: 2021-05-28T04:04:50.000Z (over 3 years ago)
- Default Branch: develop
- Last Pushed: 2024-01-31T20:59:12.000Z (11 months ago)
- Last Synced: 2024-12-16T06:03:20.808Z (7 days ago)
- Topics: boilerplate, cli, eslint, frontend, nextjs, prettier, react, scaffolding, starter, starter-kit, template, typescript, web
- Language: TypeScript
- Homepage: https://www.create-next-stack.com
- Size: 3.33 MB
- Stars: 568
- Watchers: 7
- Forks: 28
- Open Issues: 61
-
Metadata Files:
- Readme: readme.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
README
# Create Next Stack
[Create Next Stack](https://www.create-next-stack.com/) is a website and CLI tool used to easily set up the boilerplate of new [Next.js](https://github.com/vercel/next.js) apps.
Where [Create Next App](https://github.com/vercel/next.js/tree/canary/packages/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](https://www.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](https://nextjs.org/) - [Docs](https://nextjs.org/docs) - [Learn Next.js](https://nextjs.org/learn) - [GitHub](https://github.com/vercel/next.js) - [Wikipedia](https://en.wikipedia.org/wiki/Next.js) |
| React | [Website](https://reactjs.org/) - [Docs](https://reactjs.org/docs/getting-started.html) - [GitHub](https://github.com/facebook/react) - [Wikipedia]() |
| TypeScript | [Website](https://www.typescriptlang.org/) - [Docs](https://www.typescriptlang.org/docs/) - [GitHub](https://github.com/microsoft/TypeScript) - [Wikipedia](https://en.wikipedia.org/wiki/TypeScript) |
| Emotion | [Website](https://emotion.sh/) - [Docs](https://emotion.sh/docs/introduction) - [GitHub](https://github.com/emotion-js/emotion) |
| Styled Components | [Website](https://styled-components.com/) - [Docs](https://styled-components.com/docs) - [GitHub](https://github.com/styled-components/styled-components) |
| Tailwind CSS | [Website](https://tailwindcss.com/) - [Docs](https://tailwindcss.com/docs) - [GitHub](https://github.com/tailwindlabs/tailwindcss) |
| Sass | [Website](https://sass-lang.com/) - [Docs](https://sass-lang.com/documentation) - [Next.js-specific docs](https://nextjs.org/docs/basic-features/built-in-css-support#sass-support) |
| CSS Modules | [Website](https://github.com/css-modules/css-modules) - [Docs](https://github.com/css-modules/css-modules) - [Next.js-specific docs](https://nextjs.org/docs/basic-features/built-in-css-support#adding-component-level-css) |
| CSS Modules | [Website](https://github.com/css-modules/css-modules) - [Docs](https://github.com/css-modules/css-modules) - [Next.js-specific docs](https://nextjs.org/docs/basic-features/built-in-css-support#adding-component-level-css) |
| Mantine | [Website](https://mantine.dev/) - [Docs](https://mantine.dev/pages/getting-started/) - [GitHub](https://github.com/mantinedev/mantine) |
| Chakra UI | [Website](https://chakra-ui.com/) - [Docs](https://chakra-ui.com/docs/getting-started) - [GitHub](https://github.com/chakra-ui/chakra-ui) |
| Material UI | [Website](https://material-ui.com/) - [Docs](https://material-ui.com/getting-started/installation/) - [GitHub](https://github.com/mui-org/material-ui) |
| Framer Motion | [Website](https://www.framer.com/motion/) - [Docs](https://www.framer.com/docs/) - [GitHub](https://github.com/framer/motion) |
| React Hook Form | [Website](https://react-hook-form.com/) - [Docs](https://react-hook-form.com/get-started) - [GitHub](https://github.com/react-hook-form/react-hook-form) |
| Formik | [Website](https://formik.org/) - [Docs](https://formik.org/docs/overview) - [GitHub](https://github.com/formium/formik) |
| React Query | [Website](https://tanstack.com/query/latest) - [Docs](https://tanstack.com/query/latest/docs/react/overview) - [GitHub](https://github.com/tanstack/query) |
| React Icons | [Website](https://react-icons.github.io/react-icons/) - [GitHub](https://github.com/react-icons/react-icons) |
| ESLint | [Website](https://eslint.org/) - [Configuration](https://eslint.org/docs/user-guide/configuring/) - [Rules](https://eslint.org/docs/rules/) - [GitHub](https://github.com/eslint/eslint) |
| Prettier | [Website](https://prettier.io/) - [Docs](https://prettier.io/docs/en/index.html) - [Options](https://prettier.io/docs/en/options.html) - [GitHub](https://github.com/prettier/prettier) |
| Husky | [Website](https://typicode.github.io/husky/) - [Docs](https://typicode.github.io/husky/) - [GitHub](https://github.com/typicode/husky) |
| lint-staged | [Website](https://github.com/okonet/lint-staged) - [GitHub](https://github.com/okonet/lint-staged) |
| pnpm | [Website](https://pnpm.io/) - [Docs](https://pnpm.io/motivation) - [GitHub](https://github.com/pnpm/pnpm) |
| Yarn | [Website](https://yarnpkg.com/) - [CLI Docs](https://yarnpkg.com/cli) - [GitHub](https://github.com/yarnpkg/berry) |
| npm | [Website](https://www.npmjs.com/) - [Docs](https://docs.npmjs.com/) - [GitHub](https://github.com/npm/cli) |
| GitHub Actions | [Website](https://github.com/features/actions) - [Docs](https://docs.github.com/en/actions) - [Workflow syntax](https://docs.github.com/en/actions/reference/workflow-syntax-for-github-actions) |
| Plausible Analytics | [Website](https://plausible.io/) - [Docs](https://plausible.io/docs) - [GitHub](https://github.com/plausible/analytics) |
| next-plausible | [Website](https://next-plausible.vercel.app/) - [GitHub](https://github.com/4lejandrito/next-plausible) |
| Vercel | [Website](https://vercel.com/) - [Docs](https://vercel.com/docs) - [CLI Docs](https://vercel.com/docs/cli) |
| Netlify | [Website](https://www.netlify.com/) - [Docs](https://docs.netlify.com/) - [CLI Docs](https://cli.netlify.com/) |
## 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= (required) Sets the preferred package manager.
(Required)
--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= (required) Sets the preferred styling method.
(Required) =
emotion|styled-components|tailwind-css|css-modul
es|css-modules-with-sass
--vercel Adds Vercel. (Hosting)
```
## All contributors
Contributions are welcome! Please see the [contributing guidelines](CONTRIBUTING.md) for more information.
## License
Create Next Stack is released under the [MIT License](LICENSE).