Some checks failed
Test examples / Test Examples (20) (push) Has been cancelled
Test examples / Test Examples (22) (push) Has been cancelled
Lock Threads / action (push) Has been cancelled
Trigger Release / start (push) Has been cancelled
Stale issue handler / stale (push) Has been cancelled
Update Font Data / create-pull-request (push) Has been cancelled
build-and-deploy / deploy-target (push) Has been cancelled
build-and-deploy / build (push) Has been cancelled
build-and-deploy / stable - aarch64-unknown-linux-musl - node@16 (push) Has been cancelled
build-and-deploy / stable - x86_64-unknown-linux-musl - node@16 (push) Has been cancelled
build-and-deploy / stable - aarch64-unknown-linux-gnu - node@16 (push) Has been cancelled
build-and-deploy / stable - x86_64-unknown-linux-gnu - node@16 (push) Has been cancelled
build-and-deploy / stable - aarch64-pc-windows-msvc - node@16 (push) Has been cancelled
build-and-deploy / stable - x86_64-pc-windows-msvc - node@16 (push) Has been cancelled
build-and-deploy / stable - aarch64-apple-darwin - node@16 (push) Has been cancelled
build-and-deploy / stable - x86_64-apple-darwin - node@16 (push) Has been cancelled
build-and-deploy / build-wasm (nodejs) (push) Has been cancelled
build-and-deploy / build-wasm (web) (push) Has been cancelled
build-and-deploy / Deploy preview tarball (push) Has been cancelled
build-and-deploy / Potentially publish release (push) Has been cancelled
build-and-deploy / publish-turbopack-npm-packages (push) Has been cancelled
build-and-deploy / Deploy examples (push) Has been cancelled
build-and-deploy / thank you, build (push) Has been cancelled
build-and-deploy / Upload Turbopack Bytesize metrics to Datadog (push) Has been cancelled
Rspack Next.js development integration tests / Rspack integration tests (push) Has been cancelled
Rspack Next.js production integration tests / Rspack integration tests (push) Has been cancelled
Turbopack Next.js development integration tests / Next.js integration tests (push) Has been cancelled
Turbopack Next.js production integration tests / Next.js integration tests (push) Has been cancelled
Update Rspack test manifest / Update and upload Rspack development test manifest (push) Has been cancelled
Update Rspack test manifest / Update and upload Rspack production test manifest (push) Has been cancelled
Upload bundler test manifests to areweturboyet.com / Upload test results (push) Has been cancelled
Update React / create-pull-request (push) Has been cancelled
test-e2e-project-reset-cron / reset-test-project (push) Has been cancelled
Notify about the top 15 issues/PRs/feature requests (most reacted) in the last 90 days / run (push) Has been cancelled
128 lines
3.8 KiB
Markdown
128 lines
3.8 KiB
Markdown
# Create Next App
|
|
|
|
The easiest way to get started with Next.js is by using `create-next-app`. This CLI tool enables you to quickly start building a new Next.js application, with everything set up for you. You can create a new app using the default Next.js template, or by using one of the [official Next.js examples](https://github.com/vercel/next.js/tree/canary/examples). To get started, use the following command:
|
|
|
|
### Interactive
|
|
|
|
You can create a new project interactively by running:
|
|
|
|
```bash
|
|
npx create-next-app@latest
|
|
# or
|
|
yarn create next-app
|
|
# or
|
|
pnpm create next-app
|
|
# or
|
|
bunx create-next-app
|
|
```
|
|
|
|
You will be asked for the name of your project, and then whether you want to
|
|
create a TypeScript project:
|
|
|
|
```bash
|
|
✔ Would you like to use TypeScript? … No / Yes
|
|
```
|
|
|
|
Select **Yes** to install the necessary types/dependencies and create a new TS project.
|
|
|
|
### Non-interactive
|
|
|
|
You can also pass command line arguments to set up a new project
|
|
non-interactively. See `create-next-app --help`:
|
|
|
|
```bash
|
|
Usage: create-next-app [project-directory] [options]
|
|
|
|
Options:
|
|
-V, --version output the version number
|
|
--ts, --typescript
|
|
|
|
Initialize as a TypeScript project. (default)
|
|
|
|
--js, --javascript
|
|
|
|
Initialize as a JavaScript project.
|
|
|
|
--tailwind
|
|
|
|
Initialize with Tailwind CSS config. (default)
|
|
|
|
--eslint
|
|
|
|
Initialize with ESLint config.
|
|
|
|
--app
|
|
|
|
Initialize as an App Router project.
|
|
|
|
--src-dir
|
|
|
|
Initialize inside a `src/` directory.
|
|
|
|
--import-alias <alias-to-configure>
|
|
|
|
Specify import alias to use (default "@/*").
|
|
|
|
--empty
|
|
|
|
Initialize an empty project.
|
|
|
|
--use-npm
|
|
|
|
Explicitly tell the CLI to bootstrap the application using npm
|
|
|
|
--use-pnpm
|
|
|
|
Explicitly tell the CLI to bootstrap the application using pnpm
|
|
|
|
--use-yarn
|
|
|
|
Explicitly tell the CLI to bootstrap the application using Yarn
|
|
|
|
--use-bun
|
|
|
|
Explicitly tell the CLI to bootstrap the application using Bun
|
|
|
|
-e, --example [name]|[github-url]
|
|
|
|
An example to bootstrap the app with. You can use an example name
|
|
from the official Next.js repo or a GitHub URL. The URL can use
|
|
any branch and/or subdirectory
|
|
|
|
--example-path <path-to-example>
|
|
|
|
In a rare case, your GitHub URL might contain a branch name with
|
|
a slash (e.g. bug/fix-1) and the path to the example (e.g. foo/bar).
|
|
In this case, you must specify the path to the example separately:
|
|
--example-path foo/bar
|
|
|
|
--reset-preferences
|
|
|
|
Explicitly tell the CLI to reset any stored preferences
|
|
|
|
--skip-install
|
|
|
|
Explicitly tell the CLI to skip installing packages
|
|
|
|
--disable-git
|
|
|
|
Explicitly tell the CLI to skip initializing a git repository.
|
|
|
|
--yes
|
|
|
|
Use previous preferences or defaults for all options that were not
|
|
explicitly specified, without prompting.
|
|
|
|
-h, --help display help for command
|
|
```
|
|
|
|
### Why use Create Next App?
|
|
|
|
`create-next-app` allows you to create a new Next.js app within seconds. It is officially maintained by the creators of Next.js, and includes a number of benefits:
|
|
|
|
- **Interactive Experience**: Running `npx create-next-app@latest` (with no arguments) launches an interactive experience that guides you through setting up a project.
|
|
- **Zero Dependencies**: Initializing a project is as quick as one second. Create Next App has zero dependencies.
|
|
- **Offline Support**: Create Next App will automatically detect if you're offline and bootstrap your project using your local package cache.
|
|
- **Support for Examples**: Create Next App can bootstrap your application using an example from the Next.js examples collection (e.g. `npx create-next-app --example route-handlers`).
|
|
- **Tested**: The package is part of the Next.js monorepo and tested using the same integration test suite as Next.js itself, ensuring it works as expected with every release.
|