Provides both a website and a CLI as scaffold generation entry points, with the CLI package named create-next-stack
Next.jsReactStarter
create-next-stack — Next.js Starter Template
By akd-io
Create Next Stack is a website and CLI tool for composing a Next.js project scaffold on demand, selecting from multiple common technologies beyond the single template of Create Next App and generating initial code that works together.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Desktop homepage1 / 2
Desktop captureTop of page
Actual screenshot captured by the server browser.
All pages & views 2
Screenshots show visual appearance; interactive behavior may differ.
Recorded 2026-09-30View source
What stands out
A quick read of the recorded project description.
Supports on-demand combination of TypeScript, multiple CSS approaches, and component libraries on top of Next.js
Covers common companions such as forms, state management, animation, icons, code formatting, and commit hooks
Optional integrations for CI, deployment, analytics, and ORM including GitHub Actions, Vercel, Netlify, Plausible, and Prisma
Package managers supported are pnpm, yarn, and npm, with --package-manager required in the CLI
The repository is under the MIT license, permitting free use, modification, commercial use, and distribution of this version of the code
Template Details
Create Next Stack is maintained by akd-io, with the repository under the MIT license, and offers two entry points: a website (create-next-stack.com) and the npm package create-next-stack. Its purpose is to address the limitation of Create Next App, which only allows choosing a single template: users can select a set of technologies commonly paired with Next.js on top of Next.js, or specify them via CLI parameters, and the tool generates an initial project already configured with those technology combinations.
According to the README's technology support table and the --help output, the options cover multiple layers: languages and styling include TypeScript, Emotion, Styled Components, Tailwind CSS, Sass, and CSS Modules; component libraries include Mantine, Chakra UI, and Material UI; forms and state include React Hook Form, Formik, and React Query; animation is Motion/Framer Motion; icons are React Icons; code quality and commit conventions include ESLint, Prettier, Husky, lint-staged, and a formatting pre-commit hook; package managers support pnpm, yarn, and npm; CI and deployment include GitHub Actions, Vercel, and Netlify; analytics are Plausible and next-plausible; and the database ORM is Prisma. Some options have dependencies; for example, Chakra UI and Material UI require Emotion, and the formatting pre-commit hook requires Prettier.
In terms of usage, the CLI accepts an APP_NAME argument (which may include a path prefix) and a series of feature flags starting with --, among which --package-manager is required and takes the value pnpm, yarn, or npm. There are also auxiliary parameters such as --help, --version, and --debug. The website provides a visual selection interface, suitable for users unfamiliar with command-line parameters.
Limitations to note: the materials do not specify version ranges for each technology combination, the runtime and build behavior of the generated project, or production-environment validation conclusions; licenses for third-party assets (demo images, fonts, icons, etc.) must be checked separately, and external services (domain, hosting, database, analytics, etc.) may incur costs.
Next.jsReactStarter
Is it right for your project?
Use Cases
- Creating a new Next.js project and configuring TypeScript, a styling approach, and a component library in one go
- Generating initial projects with a specified technology combination in bulk using command-line parameters
- Visually selecting Next.js-related technologies through a web interface before generating the scaffold
- Preconfiguring code quality tools such as ESLint, Prettier, Husky, and lint-staged in the initial project
- Including CI and deployment configurations such as GitHub Actions, Vercel, or Netlify directly in the scaffold
Suitable For
- Developers starting a new Next.js application who want to reduce the cost of manually configuring related technologies
- Teams that prefer a command-line workflow and need reproducible scaffold parameters
- Users who want to explore available technology combinations through a web interface before deciding on project structure
- Users who accept the MIT license terms and need to retain copyright and license notices
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
CLI usage is create-next-stack [APP_NAME] [FLAGS], where APP_NAME may include a path prefix
- 2
One of pnpm, yarn, or npm must be specified via --package-manager
- 3
Some options have prerequisites, such as Chakra UI and Material UI requiring Emotion, and the formatting pre-commit hook requiring Prettier
- 4
Use --help to view the full parameter list, --version to check the version, and --debug to output detailed error information
- 5
Before use, check third-party asset licenses and confirm whether external services such as domain, hosting, database, and analytics incur costs
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry covers the free version under the MIT license in the public repository; the free scope is the code of this version and does not imply that external services or third-party assets are free.
Must comply with when using
- Free use, modification, commercial use, and distribution of this version of the code are permitted.
- When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
- The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.
Additional costs & items to verify
- When using the CLI, one of pnpm, yarn, or npm must be specified via --package-manager; this parameter is required, and the project cannot be generated without it.
- Selecting the Chakra UI component library requires also enabling Emotion; the two have a dependency relationship and cannot be used alone.
- Selecting the Material UI component library requires also enabling Emotion; the two have a dependency relationship and cannot be used alone.
- Enabling the formatting pre-commit hook requires also enabling Prettier; otherwise the option cannot take effect.
- When using the CLI, a styling approach must be specified via --styling (emotion, styled-components, tailwind-css, css-modules, or css-modules-with-sass); this parameter is required.
- Demo images, fonts, icons, and other third-party assets must be checked against their respective licenses and cannot be judged solely by the MIT license of the code.
- External services such as domain, hosting, database, payment, or AI may incur additional charges.
View Original Text Basis
Permission is hereby granted, free of charge
Original License Text
--package-manager=<option> (required) Sets the preferred package manager. (Required)
Original README
--chakra Adds Chakra UI. (Component library) (Requires Emotion)
Original README
--material-ui Adds Material UI. (Component library) (Requires Emotion)
Original README
--formatting-pre-commit-hook Adds a formatting pre-commit hook. (Requires Prettier)
Original README
https://github.com/akd-io/create-next-stack/blob/develop/LICENSEhttps://github.com/akd-io/create-next-stack/blob/develop/readme.md--styling=<styling-method> (required) Sets the preferred styling method. (Required)
Original README
Compiled by DeepSeek based on repository license and README ·2026-09-30. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.
Project checks & description sources
Template Information
- Source platforms
- GitHub
- Documentation and maintenance reference score
- More documented · 96 / 100
- Technologies
- Next.js · React
- Website type
- Starter
How this score is calculated
Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.
What to verify for this project
- Repository update recorded
- 2026-05-01
- Screenshot last checked
- 2026-09-30
A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.
The catalog identifies Next.js as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.
Use a selection guide →How this description was prepared
AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.
Automatically checked against source and license rules; no manual editorial review.
Inspect the recorded source material
SHA-256: d954dd17d94c5bc7a239d6e7ce48d2685823328cbcb7a1bac15eb806d7900a89
2026-09-30T08:11:03.240Z
Source file / repository# Create Next Stack
<p>
<a aria-label="Last commit" href="https://github.com/akd-io/create-next-stack/commits/develop">
<img alt="" src="https://img.shields.io/github/last-commit/akd-io/create-next-stack/develop?style=flat-square">
</a>
<a aria-label="License" href="https://github.com/akd-io/create-next-stack/blob/develop/packages/create-next-stack/LICENSE">
<img alt="" src="https://img.shields.io/npm/l/create-next-stack?color=44cc11&style=flat-square">
</a>
<a aria-label="NPM version" href="https://www.npmjs.com/package/create-next-stack">
<img alt="" src="https://img.shields.io/npm/v/create-next-stack?style=flat-square">
</a>
<a aria-label="Community Discord" href="https://discord.gg/7Ns5WwGjjZ">
<img alt="" src="https://img.shields.io/badge/Discord-gray?style=flat-square&logo=discord">
</a>
<a aria-label="Twitter profile of the creator of Create Next Stack" href="https://twitter.com/akd_io">
<img alt="" src="https://img.shields.io/badge/Twitter-gray?style=flat-square&logo=twitter">
</a>
<a aria-label="GitHub Repo stars" href="https://github.com/akd-io/create-next-stack">
<img alt="" src="https://img.shields.io/github/stars/akd-io/create-next-stack?style=social">
</a>
</p>
[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.
<!-- CNS-START-OF-TECHNOLOGIES-TABLE -->
| 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](<https://en.wikipedia.org/wiki/React_(JavaScript_library)>) |
| 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/getting-started/) - [GitHub](https://github.com/mantinedev/mantine) |
| Chakra UI | [Website](https://chakra-ui.com/) - [Docs](https://chakra-ui.com/docs/get-started) - [GitHub](https://github.com/chakra-ui/chakra-ui) |
| Material UI | [Website](https://mui.com/material-ui/) - [Docs](https://mui.com/material-ui/getting-started/) - [GitHub](https://github.com/mui/material-ui) |
| Motion | [Website](https://motion.dev/) - [Docs](https://motion.dev/docs) - [GitHub](https://github.com/motiondivision/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/framework/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/lint-staged/lint-staged) - [GitHub](https://github.com/lint-staged/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/) |
| Prisma | [Website](https://www.prisma.io/) - [Docs](https://www.prisma.io/docs) - [GitHub](https://github.com/prisma/prisma) |
<!-- CNS-END-OF-TECHNOLOGIES-TABLE -->
## 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`
<!-- CNS-START-OF-HELP-OUTPUT -->
```
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)
```
<!-- CNS-END-OF-HELP-OUTPUT -->
## All contributors
Contributions are welcome! Please see the [contributing guidelines](CONTRIBUTING.md) for more information.
<a href="https://github.com/akd-io/create-next-stack/graphs/contributors">
<img src="https://contrib.rocks/image?repo=akd-io/create-next-stack" />
</a>
## License
Create Next Stack is released under the [MIT License](LICENSE).
Explore similar templates
Compare previews and descriptions within the same stack and category.
Next.js SaaS Starter
The official Next.js SaaS starter template, integrating email/password authentication, Stripe Checkout subscriptions, a dashboard with user/team CRUD, basic Owner/Member RBAC, and activity logging.
Next.js · SaaS
Next.js Commerce
Vercel's officially maintained Next.js App Router ecommerce starter with deep Shopify integration, offering a complete product catalog, cart, and checkout flow. Core logic is modular for swapping backends, and community provider versions exist for BigCommerce, Medusa, and Saleor.
Next.js · E-commerce
Next-js-Boilerplate
A developer-first Next.js 16 starter with Tailwind CSS 4 and TypeScript, supporting both App Router and Page Router.
Next.js · Starter
tailwind-nextjs-starter-blog
A Next.js and Tailwind CSS blog starter template using Contentlayer for Markdown/MDX, with built-in SEO, code highlighting, and tags. It targets personal technical blogs and migration from Jekyll/Hugo to React, and supports one-click Vercel deployment.
Next.js · Blog
next-forge
next-forge is a Turborepo-based Next.js template maintained by Vercel, positioned as a starting point for SaaS products.
Next.js · Starter
SaaS-Boilerplate
SaaS-Boilerplate is an open-source SaaS starter template built with Next.js App Router, React 19, TypeScript, Tailwind CSS, and Shadcn UI.
Next.js · SaaS