Update pnpm create next-app for latest pnpm 6 and 7 (#37254)

This command changed in pnpm [6.32.13](https://github.com/pnpm/pnpm/releases/tag/v6.32.13) and [7.1.1](https://github.com/pnpm/pnpm/releases/tag/v7.1.1) so lets update it since its been a few weeks and we can expect pnpm users to update more regularly than npm users.

- Fixes https://github.com/vercel/next.js/pull/37240 
- Fixes https://github.com/vercel/next.js/pull/37045
- Fixes https://github.com/vercel/next.js/pull/37032
- Fixes https://github.com/vercel/next.js/pull/36602
- Fixes https://github.com/vercel/next.js/pull/36496
This commit is contained in:
Steven 2022-05-27 17:21:40 -04:00 committed by GitHub
parent ae67f2821f
commit 57dcc9d329
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
272 changed files with 273 additions and 273 deletions

View file

@ -307,7 +307,7 @@ npx create-next-app --example DIRECTORY_NAME DIRECTORY_NAME-app
# or
yarn create next-app --example DIRECTORY_NAME DIRECTORY_NAME-app
# or
pnpm create next-app -- --example DIRECTORY_NAME DIRECTORY_NAME-app
pnpm create next-app --example DIRECTORY_NAME DIRECTORY_NAME-app
```
Deploy it to the cloud with [Vercel](https://vercel.com/new?utm_source=github&utm_medium=readme&utm_campaign=next-example) ([Documentation](https://nextjs.org/docs/deployment)).

View file

@ -21,7 +21,7 @@ npx create-next-app@latest --ts
# or
yarn create next-app --typescript
# or
pnpm create next-app -- --ts
pnpm create next-app --ts
```
### Options

View file

@ -28,7 +28,7 @@ npx create-next-app@latest --ts
# or
yarn create next-app --typescript
# or
pnpm create next-app -- --ts
pnpm create next-app --ts
```
## Existing projects

View file

@ -35,8 +35,8 @@ If you want to start with a TypeScript project you can use the `--typescript` fl
npx create-next-app@latest --typescript
# or
yarn create next-app --typescript
# or (the extra '--' is expected and tells pnpm to pass the args down)
pnpm create next-app -- --typescript
# or
pnpm create next-app --typescript
```
After the installation is complete:

View file

@ -17,7 +17,7 @@ npx create-next-app --example active-class-name active-class-name-app
# or
yarn create next-app --example active-class-name active-class-name-app
# or
pnpm create next-app -- --example active-class-name active-class-name-app
pnpm create next-app --example active-class-name active-class-name-app
```
Deploy it to the cloud with [Vercel](https://vercel.com/new?utm_source=github&utm_medium=readme&utm_campaign=next-example) ([Documentation](https://nextjs.org/docs/deployment)).

View file

@ -22,7 +22,7 @@ npx create-next-app --example amp-first amp-first-app
# or
yarn create next-app --example amp-first amp-first-app
# or
pnpm create next-app -- --example amp-first amp-first-app
pnpm create next-app --example amp-first amp-first-app
```
Open [http://localhost:3000](http://localhost:3000) to view it in the browser. The page will reload if you make edits. You will also see AMP validation errors in the console.

View file

@ -17,7 +17,7 @@ npx create-next-app --example amp-story amp-story-app
# or
yarn create next-app --example amp-story amp-story-app
# or
pnpm create next-app -- --example amp-story amp-story-app
pnpm create next-app --example amp-story amp-story-app
```
Deploy it to the cloud with [Vercel](https://vercel.com/new?utm_source=github&utm_medium=readme&utm_campaign=next-example) ([Documentation](https://nextjs.org/docs/deployment)).

View file

@ -17,7 +17,7 @@ npx create-next-app --example amp amp-app
# or
yarn create next-app --example amp amp-app
# or
pnpm create next-app -- --example amp amp-app
pnpm create next-app --example amp amp-app
```
Deploy it to the cloud with [Vercel](https://vercel.com/new?utm_source=github&utm_medium=readme&utm_campaign=next-example) ([Documentation](https://nextjs.org/docs/deployment)).

View file

@ -17,7 +17,7 @@ npx create-next-app --example analyze-bundles analyze-bundles-app
# or
yarn create next-app --example analyze-bundles analyze-bundles-app
# or
pnpm create next-app -- --example analyze-bundles analyze-bundles-app
pnpm create next-app --example analyze-bundles analyze-bundles-app
```
### Analyze webpack output

View file

@ -19,7 +19,7 @@ npx create-next-app --example api-routes-apollo-server-and-client-auth api-route
# or
yarn create next-app --example api-routes-apollo-server-and-client-auth api-routes-apollo-server-and-client-auth-app
# or
pnpm create next-app -- --example api-routes-apollo-server-and-client-auth api-routes-apollo-server-and-client-auth-app
pnpm create next-app --example api-routes-apollo-server-and-client-auth api-routes-apollo-server-and-client-auth-app
```
Deploy it to the cloud with [Vercel](https://vercel.com/new?utm_source=github&utm_medium=readme&utm_campaign=next-example) ([Documentation](https://nextjs.org/docs/deployment)).

View file

@ -19,7 +19,7 @@ npx create-next-app --example api-routes-apollo-server-and-client api-routes-apo
# or
yarn create next-app --example api-routes-apollo-server-and-client api-routes-apollo-server-and-client-app
# or
pnpm create next-app -- --example api-routes-apollo-server-and-client api-routes-apollo-server-and-client-app
pnpm create next-app --example api-routes-apollo-server-and-client api-routes-apollo-server-and-client-app
```
Deploy it to the cloud with [Vercel](https://vercel.com/new?utm_source=github&utm_medium=readme&utm_campaign=next-example) ([Documentation](https://nextjs.org/docs/deployment)).

View file

@ -17,7 +17,7 @@ npx create-next-app --example api-routes-apollo-server api-routes-apollo-server-
# or
yarn create next-app --example api-routes-apollo-server api-routes-apollo-server-app
# or
pnpm create next-app -- --example api-routes-apollo-server api-routes-apollo-server-app
pnpm create next-app --example api-routes-apollo-server api-routes-apollo-server-app
```
Deploy it to the cloud with [Vercel](https://vercel.com/new?utm_source=github&utm_medium=readme&utm_campaign=next-example) ([Documentation](https://nextjs.org/docs/deployment)).

View file

@ -19,7 +19,7 @@ npx create-next-app --example api-routes-cors api-routes-cors-app
# or
yarn create next-app --example api-routes-cors api-routes-cors-app
# or
pnpm create next-app -- --example api-routes-cors api-routes-cors-app
pnpm create next-app --example api-routes-cors api-routes-cors-app
```
Deploy it to the cloud with [Vercel](https://vercel.com/new?utm_source=github&utm_medium=readme&utm_campaign=next-example) ([Documentation](https://nextjs.org/docs/deployment)).

View file

@ -34,7 +34,7 @@ npx create-next-app --example api-routes-graphql api-routes-graphql-app
# or
yarn create next-app --example api-routes-graphql api-routes-graphql-app
# or
pnpm create next-app -- --example api-routes-graphql api-routes-graphql-app
pnpm create next-app --example api-routes-graphql api-routes-graphql-app
```
Deploy it to the cloud with [Vercel](https://vercel.com/new?utm_source=github&utm_medium=readme&utm_campaign=next-example) ([Documentation](https://nextjs.org/docs/deployment)).

View file

@ -17,7 +17,7 @@ npx create-next-app --example api-routes-middleware api-routes-middleware-app
# or
yarn create next-app --example api-routes-middleware api-routes-middleware-app
# or
pnpm create next-app -- --example api-routes-middleware api-routes-middleware-app
pnpm create next-app --example api-routes-middleware api-routes-middleware-app
```
Deploy it to the cloud with [Vercel](https://vercel.com/new?utm_source=github&utm_medium=readme&utm_campaign=next-example) ([Documentation](https://nextjs.org/docs/deployment)).

View file

@ -31,7 +31,7 @@ npx create-next-app --example api-routes-rate-limit api-routes-rate-limit-app
# or
yarn create next-app --example api-routes-rate-limit api-routes-rate-limit-app
# or
pnpm create next-app -- --example api-routes-rate-limit api-routes-rate-limit-app
pnpm create next-app --example api-routes-rate-limit api-routes-rate-limit-app
```
Deploy it to the cloud with [Vercel](https://vercel.com/new?utm_source=github&utm_medium=readme&utm_campaign=next-example) ([Documentation](https://nextjs.org/docs/deployment)).

View file

@ -17,7 +17,7 @@ npx create-next-app --example api-routes-rest api-routes-rest-app
# or
yarn create next-app --example api-routes-rest api-routes-rest-app
# or
pnpm create next-app -- --example api-routes-rest api-routes-rest-app
pnpm create next-app --example api-routes-rest api-routes-rest-app
```
### Deploy to Vercel

View file

@ -17,7 +17,7 @@ npx create-next-app --example api-routes api-routes-app
# or
yarn create next-app --example api-routes api-routes-app
# or
pnpm create next-app -- --example api-routes api-routes-app
pnpm create next-app --example api-routes api-routes-app
```
Deploy it to the cloud with [Vercel](https://vercel.com/new?utm_source=github&utm_medium=readme&utm_campaign=next-example) ([Documentation](https://nextjs.org/docs/deployment)).

View file

@ -20,7 +20,7 @@ npx create-next-app --example auth0 auth0-app
# or
yarn create next-app --example auth0 auth0-app
# or
pnpm create next-app -- --example auth0 auth0-app
pnpm create next-app --example auth0 auth0-app
```
## Configuring Auth0

View file

@ -17,7 +17,7 @@ npx create-next-app --example basic-css basic-css-app
# or
yarn create next-app --example basic-css basic-css-app
# or
pnpm create next-app -- --example basic-css basic-css-app
pnpm create next-app --example basic-css basic-css-app
```
Deploy it to the cloud with [Vercel](https://vercel.com/new?utm_source=github&utm_medium=readme&utm_campaign=next-example) ([Documentation](https://nextjs.org/docs/deployment)).

View file

@ -17,7 +17,7 @@ npx create-next-app --example basic-export basic-export-app
# or
yarn create next-app --example basic-export basic-export-app
# or
pnpm create next-app -- --example basic-export basic-export-app
pnpm create next-app --example basic-export basic-export-app
```
Deploy it to the cloud with [Vercel](https://vercel.com/new?utm_source=github&utm_medium=readme&utm_campaign=next-example) ([Documentation](https://nextjs.org/docs/deployment)).

View file

@ -23,7 +23,7 @@ npx create-next-app --example blog-starter-typescript blog-starter-typescript-ap
# or
yarn create next-app --example blog-starter-typescript blog-starter-typescript-app
# or
pnpm create next-app -- --example blog-starter-typescript blog-starter-typescript-app
pnpm create next-app --example blog-starter-typescript blog-starter-typescript-app
```
Your blog should be up and running on [http://localhost:3000](http://localhost:3000)! If it doesn't work, post on [GitHub discussions](https://github.com/vercel/next.js/discussions).

View file

@ -49,7 +49,7 @@ or
```
yarn create next-app --example blog-starter blog-starter-app
# or
pnpm create next-app -- --example blog-starter blog-starter-app
pnpm create next-app --example blog-starter blog-starter-app
```

View file

@ -32,7 +32,7 @@ npx create-next-app --example blog my-blog
# or
yarn create next-app --example blog my-blog
# or
pnpm create next-app -- --example blog my-blog
pnpm create next-app --example blog my-blog
```
Deploy it to the cloud with [Vercel](https://vercel.com/new?utm_source=github&utm_medium=readme&utm_campaign=next-example) ([Documentation](https://nextjs.org/docs/deployment)).

View file

@ -26,7 +26,7 @@ npx create-next-app --example catch-all-routes catch-all-routes-app
# or
yarn create next-app --example catch-all-routes catch-all-routes-app
# or
pnpm create next-app -- --example catch-all-routes catch-all-routes-app
pnpm create next-app --example catch-all-routes catch-all-routes-app
```
Deploy it to the cloud with [Vercel](https://vercel.com/new?utm_source=github&utm_medium=readme&utm_campaign=next-example) ([Documentation](https://nextjs.org/docs/deployment)).

View file

@ -43,7 +43,7 @@ npx create-next-app --example cms-agilitycms cms-agilitycms-app
# or
yarn create next-app --example cms-agilitycms cms-agilitycms-app
# or
pnpm create next-app -- --example cms-agilitycms cms-agilitycms-app
pnpm create next-app --example cms-agilitycms cms-agilitycms-app
```
## Configuration

View file

@ -15,7 +15,7 @@ npx create-next-app --example cms-builder-io cms-builder-io-app
# or
yarn create next-app --example cms-builder-io cms-builder-io-app
# or
pnpm create next-app -- --example cms-builder-io cms-builder-io-app
pnpm create next-app --example cms-builder-io cms-builder-io-app
```
## Configuration

View file

@ -56,7 +56,7 @@ npx create-next-app --example cms-buttercms cms-buttercms-app
# or
yarn create next-app --example cms-buttercms cms-buttercms-app
# or
pnpm create next-app -- --example cms-buttercms cms-buttercms-app
pnpm create next-app --example cms-buttercms cms-buttercms-app
```
## Configuration

View file

@ -40,7 +40,7 @@ npx create-next-app --example cms-contentful cms-contentful-app
# or
yarn create next-app --example cms-contentful cms-contentful-app
# or
pnpm create next-app -- --example cms-contentful cms-contentful-app
pnpm create next-app --example cms-contentful cms-contentful-app
```
## Configuration

View file

@ -40,7 +40,7 @@ npx create-next-app --example cms-cosmic cms-cosmic-app
# or
yarn create next-app --example cms-cosmic cms-cosmic-app
# or
pnpm create next-app -- --example cms-cosmic cms-cosmic-app
pnpm create next-app --example cms-cosmic cms-cosmic-app
```
## Configuration

View file

@ -40,7 +40,7 @@ npx create-next-app --example cms-datocms cms-datocms-app
# or
yarn create next-app --example cms-datocms cms-datocms-app
# or
pnpm create next-app -- --example cms-datocms cms-datocms-app
pnpm create next-app --example cms-datocms cms-datocms-app
```
## Configuration

View file

@ -39,7 +39,7 @@ npx create-next-app --example cms-drupal cms-drupal-app
# or
yarn create next-app --example cms-drupal cms-drupal-app
# or
pnpm create next-app -- --example cms-drupal cms-drupal-app
pnpm create next-app --example cms-drupal cms-drupal-app
```
## Setup Drupal

View file

@ -38,7 +38,7 @@ npx create-next-app --example cms-ghost cms-ghost-app
# or
yarn create next-app --example cms-ghost cms-ghost-app
# or
pnpm create next-app -- --example cms-ghost cms-ghost-app
pnpm create next-app --example cms-ghost cms-ghost-app
```
### Setp 1. Run Next.js in development mode

View file

@ -43,7 +43,7 @@ npx create-next-app --example cms-graphcms cms-graphcms-app
# or
yarn create next-app --example cms-graphcms cms-graphcms-app
# or
pnpm create next-app -- --example cms-graphcms cms-graphcms-app
pnpm create next-app --example cms-graphcms cms-graphcms-app
```
## Configuration

View file

@ -40,7 +40,7 @@ npx create-next-app --example cms-kontent cms-kontent-app
# or
yarn create next-app --example cms-kontent cms-kontent-app
# or
pnpm create next-app -- --example cms-kontent cms-kontent-app
pnpm create next-app --example cms-kontent cms-kontent-app
```
## Configuration

View file

@ -42,7 +42,7 @@ npx create-next-app --example cms-prepr cms-prepr-app
# or
yarn create next-app --example cms-prepr cms-prepr-app
# or
pnpm create next-app -- --example cms-prepr cms-prepr-app
pnpm create next-app --example cms-prepr cms-prepr-app
```
## Configuration

View file

@ -39,7 +39,7 @@ npx create-next-app --example cms-prismic cms-prismic-app
# or
yarn create next-app --example cms-prismic cms-prismic-app
# or
pnpm create next-app -- --example cms-prismic cms-prismic-app
pnpm create next-app --example cms-prismic cms-prismic-app
```
## Configuration

View file

@ -46,7 +46,7 @@ npx create-next-app --example cms-sanity cms-sanity-app
# or
yarn create next-app --example cms-sanity cms-sanity-app
# or
pnpm create next-app -- --example cms-sanity cms-sanity-app
pnpm create next-app --example cms-sanity cms-sanity-app
```
## Configuration

View file

@ -40,7 +40,7 @@ npx create-next-app --example cms-storyblok cms-storyblok-app
# or
yarn create next-app --example cms-storyblok cms-storyblok-app
# or
pnpm create next-app -- --example cms-storyblok cms-storyblok-app
pnpm create next-app --example cms-storyblok cms-storyblok-app
```
## Configuration

View file

@ -40,7 +40,7 @@ npx create-next-app --example cms-strapi cms-strapi-app
# or
yarn create next-app --example cms-strapi cms-strapi-app
# or
pnpm create next-app -- --example cms-strapi cms-strapi-app
pnpm create next-app --example cms-strapi cms-strapi-app
```
## Configuration

View file

@ -39,7 +39,7 @@ npx create-next-app --example cms-takeshape cms-takeshape-app
# or
yarn create next-app --example cms-takeshape cms-takeshape-app
# or
pnpm create next-app -- --example cms-takeshape cms-takeshape-app
pnpm create next-app --example cms-takeshape cms-takeshape-app
```
## Configuration

View file

@ -36,7 +36,7 @@ npx create-next-app --example cms-tina cms-tina-app
# or
yarn create next-app --example cms-tina cms-tina-app
# or
pnpm create next-app -- --example cms-tina cms-tina-app
pnpm create next-app --example cms-tina cms-tina-app
```
### Setp 1. Run Next.js in development mode

View file

@ -40,7 +40,7 @@ npx create-next-app --example cms-umbraco-heartcore cms-umbraco-heartcore-app
# or
yarn create next-app --example cms-umbraco-heartcore cms-umbraco-heartcore-app
# or
pnpm create next-app -- --example cms-umbraco-heartcore cms-umbraco-heartcore-app
pnpm create next-app --example cms-umbraco-heartcore cms-umbraco-heartcore-app
```
## Configuration

View file

@ -39,7 +39,7 @@ npx create-next-app --example cms-wordpress cms-wordpress-app
# or
yarn create next-app --example cms-wordpress cms-wordpress-app
# or
pnpm create next-app -- --example cms-wordpress cms-wordpress-app
pnpm create next-app --example cms-wordpress cms-wordpress-app
```
## Configuration

View file

@ -19,7 +19,7 @@ npx create-next-app --example custom-routes-proxying custom-routes-proxying-app
# or
yarn create next-app --example custom-routes-proxying custom-routes-proxying-app
# or
pnpm create next-app -- --example custom-routes-proxying custom-routes-proxying-app
pnpm create next-app --example custom-routes-proxying custom-routes-proxying-app
```
### Step 4. Run Next.js in development mode

View file

@ -14,7 +14,7 @@ npx create-next-app --example custom-server-actionhero custom-server-actionhero-
# or
yarn create next-app --example custom-server-actionhero custom-server-actionhero-app
# or
pnpm create next-app -- --example custom-server-actionhero custom-server-actionhero-app
pnpm create next-app --example custom-server-actionhero custom-server-actionhero-app
```
## How does this work?

View file

@ -19,5 +19,5 @@ npx create-next-app --example custom-server-express custom-server-express-app
# or
yarn create next-app --example custom-server-express custom-server-express-app
# or
pnpm create next-app -- --example custom-server-express custom-server-express-app
pnpm create next-app --example custom-server-express custom-server-express-app
```

View file

@ -21,5 +21,5 @@ npx create-next-app --example custom-server-fastify custom-server-fastify-app
# or
yarn create next-app --example custom-server-fastify custom-server-fastify-app
# or
pnpm create next-app -- --example custom-server-fastify custom-server-fastify-app
pnpm create next-app --example custom-server-fastify custom-server-fastify-app
```

View file

@ -19,5 +19,5 @@ npx create-next-app --example custom-server-hapi custom-server-hapi-app
# or
yarn create next-app --example custom-server-hapi custom-server-hapi-app
# or
pnpm create next-app -- --example custom-server-hapi custom-server-hapi-app
pnpm create next-app --example custom-server-hapi custom-server-hapi-app
```

View file

@ -19,7 +19,7 @@ npx create-next-app --example custom-server-koa custom-server-koa-app
# or
yarn create next-app --example custom-server-koa custom-server-koa-app
# or
pnpm create next-app -- --example custom-server-koa custom-server-koa-app
pnpm create next-app --example custom-server-koa custom-server-koa-app
```
## Side note: Enabling gzip compression

View file

@ -19,5 +19,5 @@ npx create-next-app --example custom-server-polka custom-server-polka-app
# or
yarn create next-app --example custom-server-polka custom-server-polka-app
# or
pnpm create next-app -- --example custom-server-polka custom-server-polka-app
pnpm create next-app --example custom-server-polka custom-server-polka-app
```

View file

@ -20,5 +20,5 @@ npx create-next-app --example custom-server-typescript custom-server-typescript-
# or
yarn create next-app --example custom-server-typescript custom-server-typescript-app
# or
pnpm create next-app -- --example custom-server-typescript custom-server-typescript-app
pnpm create next-app --example custom-server-typescript custom-server-typescript-app
```

View file

@ -20,7 +20,7 @@ npx create-next-app --example data-fetch data-fetch-app
# or
yarn create next-app --example data-fetch data-fetch-app
# or
pnpm create next-app -- --example data-fetch data-fetch-app
pnpm create next-app --example data-fetch data-fetch-app
```
Deploy it to the cloud with [Vercel](https://vercel.com/new?utm_source=github&utm_medium=readme&utm_campaign=next-example) ([Documentation](https://nextjs.org/docs/deployment)).

View file

@ -25,7 +25,7 @@ npx create-next-app --example dynamic-routing dynamic-routing-app
# or
yarn create next-app --example dynamic-routing dynamic-routing-app
# or
pnpm create next-app -- --example dynamic-routing dynamic-routing-app
pnpm create next-app --example dynamic-routing dynamic-routing-app
```
Deploy it to the cloud with [Vercel](https://vercel.com/new?utm_source=github&utm_medium=readme&utm_campaign=next-example) ([Documentation](https://nextjs.org/docs/deployment)).

View file

@ -19,7 +19,7 @@ npx create-next-app --example environment-variables environment-variables-app
# or
yarn create next-app --example environment-variables environment-variables-app
# or
pnpm create next-app -- --example environment-variables environment-variables-app
pnpm create next-app --example environment-variables environment-variables-app
```
Deploy it to the cloud with [Vercel](https://vercel.com/new?utm_source=github&utm_medium=readme&utm_campaign=next-example) ([Documentation](https://nextjs.org/docs/deployment)).

View file

@ -19,7 +19,7 @@ npx create-next-app --example fast-refresh-demo fast-refresh-demo-app
# or
yarn create next-app --example fast-refresh-demo fast-refresh-demo-app
# or
pnpm create next-app -- --example fast-refresh-demo fast-refresh-demo-app
pnpm create next-app --example fast-refresh-demo fast-refresh-demo-app
```
Deploy it to the cloud with [Vercel](https://vercel.com/new?utm_source=github&utm_medium=readme&utm_campaign=next-example) ([Documentation](https://nextjs.org/docs/deployment)).

View file

@ -11,7 +11,7 @@ npx create-next-app --example gh-pages gh-pages-app
# or
yarn create next-app --example gh-pages gh-pages-app
# or
pnpm create next-app -- --example gh-pages gh-pages-app
pnpm create next-app --example gh-pages gh-pages-app
```
### Deploy it to github

View file

@ -19,7 +19,7 @@ npx create-next-app --example head-elements head-elements-app
# or
yarn create next-app --example head-elements head-elements-app
# or
pnpm create next-app -- --example head-elements head-elements-app
pnpm create next-app --example head-elements head-elements-app
```
Deploy it to the cloud with [Vercel](https://vercel.com/new?utm_source=github&utm_medium=readme&utm_campaign=next-example) ([Documentation](https://nextjs.org/docs/deployment)).

View file

@ -19,7 +19,7 @@ npx create-next-app --example headers headers-app
# or
yarn create next-app --example headers headers-app
# or
pnpm create next-app -- --example headers headers-app
pnpm create next-app --example headers headers-app
```
Deploy it to the cloud with [Vercel](https://vercel.com/new?utm_source=github&utm_medium=readme&utm_campaign=next-example) ([Documentation](https://nextjs.org/docs/deployment)).

View file

@ -17,7 +17,7 @@ npx create-next-app --example hello-world-esm hello-world-esm-app
# or
yarn create next-app --example hello-world-esm hello-world-esm-app
# or
pnpm create next-app -- --example hello-world-esm hello-world-esm-app
pnpm create next-app --example hello-world-esm hello-world-esm-app
```
Deploy it to the cloud with [Vercel](https://vercel.com/new?utm_source=github&utm_medium=readme&utm_campaign=next-example) ([Documentation](https://nextjs.org/docs/deployment)).

View file

@ -17,7 +17,7 @@ npx create-next-app --example hello-world hello-world-app
# or
yarn create next-app --example hello-world hello-world-app
# or
pnpm create next-app -- --example hello-world hello-world-app
pnpm create next-app --example hello-world hello-world-app
```
Deploy it to the cloud with [Vercel](https://vercel.com/new?utm_source=github&utm_medium=readme&utm_campaign=next-example) ([Documentation](https://nextjs.org/docs/deployment)).

View file

@ -19,7 +19,7 @@ npx create-next-app --example i18n-routing i18n-app
# or
yarn create next-app --example i18n-routing i18n-app
# or
pnpm create next-app -- --example i18n-routing i18n-app
pnpm create next-app --example i18n-routing i18n-app
```
Deploy it to the cloud with [Vercel](https://vercel.com/new?utm_source=github&utm_medium=readme&utm_campaign=next-example) ([Documentation](https://nextjs.org/docs/deployment)).

View file

@ -23,7 +23,7 @@ npx create-next-app --example image-component image-app
# or
yarn create next-app --example image-component image-app
# or
pnpm create next-app -- --example image-component image-app
pnpm create next-app --example image-component image-app
```
Deploy it to the cloud with [Vercel](https://vercel.com/new?utm_source=github&utm_medium=readme&utm_campaign=next-example) ([Documentation](https://nextjs.org/docs/deployment)).

View file

@ -17,7 +17,7 @@ npx create-next-app --example layout-component layout-component-app
# or
yarn create next-app --example layout-component layout-component-app
# or
pnpm create next-app -- --example layout-component layout-component-app
pnpm create next-app --example layout-component layout-component-app
```
Deploy it to the cloud with [Vercel](https://vercel.com/new?utm_source=github&utm_medium=readme&utm_campaign=next-example) ([Documentation](https://nextjs.org/docs/deployment)).

View file

@ -17,7 +17,7 @@ npx create-next-app --example markdoc markdoc-app
# or
yarn create next-app --example markdoc markdoc-app
# or
pnpm create next-app -- --example markdoc markdoc-app
pnpm create next-app --example markdoc markdoc-app
```
Deploy it to the cloud with [Vercel](https://vercel.com/new?utm_source=github&utm_medium=readme&utm_campaign=next-example) ([Documentation](https://nextjs.org/docs/deployment)).

View file

@ -23,7 +23,7 @@ npx create-next-app --example modularize-imports modularize-imports-app
# or
yarn create next-app --example modularize-imports modularize-imports-app
# or
pnpm create next-app -- --example modularize-imports modularize-imports-app
pnpm create next-app --example modularize-imports modularize-imports-app
```
Deploy it to the cloud with [Vercel](https://vercel.com/new?utm_source=github&utm_medium=readme&utm_campaign=next-example) ([Documentation](https://nextjs.org/docs/deployment)).

View file

@ -17,7 +17,7 @@ npx create-next-app --example nested-components nested-components-app
# or
yarn create next-app --example nested-components nested-components-app
# or
pnpm create next-app -- --example nested-components nested-components-app
pnpm create next-app --example nested-components nested-components-app
```
Deploy it to the cloud with [Vercel](https://vercel.com/new?utm_source=github&utm_medium=readme&utm_campaign=next-example) ([Documentation](https://nextjs.org/docs/deployment)).

View file

@ -17,7 +17,7 @@ npx create-next-app --example next-forms next-forms-app
# or
yarn create next-app --example next-forms next-forms-app
# or
pnpm create next-app -- --example next-forms next-forms-app
pnpm create next-app --example next-forms next-forms-app
```
Deploy it to the cloud with [Vercel](https://vercel.com/new?utm_source=github&utm_medium=readme&utm_campaign=next-example) ([Documentation](https://nextjs.org/docs/deployment)).

View file

@ -31,7 +31,7 @@ npx create-next-app --example progressive-render progressive-render-app
# or
yarn create next-app --example progressive-render progressive-render-app
# or
pnpm create next-app -- --example progressive-render progressive-render-app
pnpm create next-app --example progressive-render progressive-render-app
```
Deploy it to the cloud with [Vercel](https://vercel.com/new?utm_source=github&utm_medium=readme&utm_campaign=next-example) ([Documentation](https://nextjs.org/docs/deployment)).

View file

@ -17,7 +17,7 @@ npx create-next-app --example progressive-web-app progressive-web-app
# or
yarn create next-app --example progressive-web-app progressive-web-app
# or
pnpm create next-app -- --example progressive-web-app progressive-web-app
pnpm create next-app --example progressive-web-app progressive-web-app
```
Deploy it to the cloud with [Vercel](https://vercel.com/new?utm_source=github&utm_medium=readme&utm_campaign=next-example) ([Documentation](https://nextjs.org/docs/deployment)).

View file

@ -17,7 +17,7 @@ npx create-next-app --example react-remove-properties react-remove-properties-ap
# or
yarn create next-app --example react-remove-properties react-remove-properties-app
# or
pnpm create next-app -- --example react-remove-properties react-remove-properties-app
pnpm create next-app --example react-remove-properties react-remove-properties-app
```
Deploy it to the cloud with [Vercel](https://vercel.com/new?utm_source=github&utm_medium=readme&utm_campaign=next-example) ([Documentation](https://nextjs.org/docs/deployment)).

View file

@ -19,7 +19,7 @@ npx create-next-app --example redirects redirects-app
# or
yarn create next-app --example redirects redirects-app
# or
pnpm create next-app -- --example redirects redirects-app
pnpm create next-app --example redirects redirects-app
```
Deploy it to the cloud with [Vercel](https://vercel.com/new?utm_source=github&utm_medium=readme&utm_campaign=next-example) ([Documentation](https://nextjs.org/docs/deployment)).

View file

@ -17,7 +17,7 @@ npx create-next-app --example remove-console remove-console-app
# or
yarn create next-app --example remove-console remove-console-app
# or
pnpm create next-app -- --example remove-console remove-console-app
pnpm create next-app --example remove-console remove-console-app
```
Deploy it to the cloud with [Vercel](https://vercel.com/new?utm_source=github&utm_medium=readme&utm_campaign=next-example) ([Documentation](https://nextjs.org/docs/deployment)).

View file

@ -19,7 +19,7 @@ npx create-next-app --example rewrites rewrites-app
# or
yarn create next-app --example rewrites rewrites-app
# or
pnpm create next-app -- --example rewrites rewrites-app
pnpm create next-app --example rewrites rewrites-app
```
Deploy it to the cloud with [Vercel](https://vercel.com/new?utm_source=github&utm_medium=readme&utm_campaign=next-example) ([Documentation](https://nextjs.org/docs/deployment)).

View file

@ -23,7 +23,7 @@ npx create-next-app --example script-component script-component-app
# or
yarn create next-app --example script-component script-component-app
# or
pnpm create next-app -- --example script-component script-component-app
pnpm create next-app --example script-component script-component-app
```
Deploy it to the cloud with [Vercel](https://vercel.com/new?utm_source=github&utm_medium=readme&utm_campaign=next-example) ([Documentation](https://nextjs.org/docs/deployment)).

View file

@ -23,7 +23,7 @@ npx create-next-app --example ssr-caching ssr-caching-app
# or
yarn create next-app --example ssr-caching ssr-caching-app
# or
pnpm create next-app -- --example ssr-caching ssr-caching-app
pnpm create next-app --example ssr-caching ssr-caching-app
```
Deploy it to the cloud with [Vercel](https://vercel.com/new?utm_source=github&utm_medium=readme&utm_campaign=next-example) ([Documentation](https://nextjs.org/docs/deployment)).

View file

@ -23,7 +23,7 @@ npx create-next-app --example styled-jsx-with-csp styled-jsx-with-csp-app
# or
yarn create next-app --example styled-jsx-with-csp styled-jsx-with-csp-app
# or
pnpm create next-app -- --example styled-jsx-with-csp styled-jsx-with-csp-app
pnpm create next-app --example styled-jsx-with-csp styled-jsx-with-csp-app
```
Deploy it to the cloud with [Vercel](https://vercel.com/new?utm_source=github&utm_medium=readme&utm_campaign=next-example) ([Documentation](https://nextjs.org/docs/deployment)).

View file

@ -17,7 +17,7 @@ npx create-next-app --example svg-components svg-components-app
# or
yarn create next-app --example svg-components svg-components-app
# or
pnpm create next-app -- --example svg-components svg-components-app
pnpm create next-app --example svg-components svg-components-app
```
Deploy it to the cloud with [Vercel](https://vercel.com/new?utm_source=github&utm_medium=readme&utm_campaign=next-example) ([Documentation](https://nextjs.org/docs/deployment)).

View file

@ -17,7 +17,7 @@ npx create-next-app --example using-preact using-preact-app
# or
yarn create next-app --example using-preact using-preact-app
# or
pnpm create next-app -- --example using-preact using-preact-app
pnpm create next-app --example using-preact using-preact-app
```
Deploy it to the cloud with [Vercel](https://vercel.com/new?utm_source=github&utm_medium=readme&utm_campaign=next-example) ([Documentation](https://nextjs.org/docs/deployment)).

View file

@ -20,7 +20,7 @@ npx create-next-app --example using-router using-router-app
# or
yarn create next-app --example using-router using-router-app
# or
pnpm create next-app -- --example using-router using-router-app
pnpm create next-app --example using-router using-router-app
```
Deploy it to the cloud with [Vercel](https://vercel.com/new?utm_source=github&utm_medium=readme&utm_campaign=next-example) ([Documentation](https://nextjs.org/docs/deployment)).

View file

@ -17,7 +17,7 @@ npx create-next-app --example with-absolute-imports with-absolute-imports-app
# or
yarn create next-app --example with-absolute-imports with-absolute-imports-app
# or
pnpm create next-app -- --example with-absolute-imports with-absolute-imports-app
pnpm create next-app --example with-absolute-imports with-absolute-imports-app
```
Deploy it to the cloud with [Vercel](https://vercel.com/new?utm_source=github&utm_medium=readme&utm_campaign=next-example) ([Documentation](https://nextjs.org/docs/deployment)).

View file

@ -11,7 +11,7 @@ npx create-next-app --example with-algolia-react-instantsearch with-algolia-reac
# or
yarn create next-app --example with-algolia-react-instantsearch with-algolia-react-instantsearch-app
# or
pnpm create next-app -- --example with-algolia-react-instantsearch with-algolia-react-instantsearch-app
pnpm create next-app --example with-algolia-react-instantsearch with-algolia-react-instantsearch-app
```
To set up Algolia:

View file

@ -17,7 +17,7 @@ npx create-next-app --example with-ant-design with-ant-design-app
# or
yarn create next-app --example with-ant-design with-ant-design-app
# or
pnpm create next-app -- --example with-ant-design with-ant-design-app
pnpm create next-app --example with-ant-design with-ant-design-app
```
Deploy it to the cloud with [Vercel](https://vercel.com/new?utm_source=github&utm_medium=readme&utm_campaign=next-example) ([Documentation](https://nextjs.org/docs/deployment)).

View file

@ -19,7 +19,7 @@ npx create-next-app --example with-aphrodite with-aphrodite-app
# or
yarn create next-app --example with-aphrodite with-aphrodite-app
# or
pnpm create next-app -- --example with-aphrodite with-aphrodite-app
pnpm create next-app --example with-aphrodite with-aphrodite-app
```
Deploy it to the cloud with [Vercel](https://vercel.com/new?utm_source=github&utm_medium=readme&utm_campaign=next-example) ([Documentation](https://nextjs.org/docs/deployment)).

View file

@ -21,7 +21,7 @@ npx create-next-app --example with-apollo-and-redux with-apollo-and-redux-app
# or
yarn create next-app --example with-apollo-and-redux with-apollo-and-redux-app
# or
pnpm create next-app -- --example with-apollo-and-redux with-apollo-and-redux-app
pnpm create next-app --example with-apollo-and-redux with-apollo-and-redux-app
```
Deploy it to the cloud with [Vercel](https://vercel.com/new?utm_source=github&utm_medium=readme&utm_campaign=next-example) ([Documentation](https://nextjs.org/docs/deployment)).

View file

@ -17,7 +17,7 @@ npx create-next-app --example with-apollo-neo4j-graphql with-apollo-neo4j-graphq
# or
yarn create next-app --example with-apollo-neo4j-graphql with-apollo-neo4j-graphql-app
# or
pnpm create next-app -- --example with-apollo-neo4j-graphql with-apollo-neo4j-graphql-app
pnpm create next-app --example with-apollo-neo4j-graphql with-apollo-neo4j-graphql-app
```
## Configuration

View file

@ -25,7 +25,7 @@ npx create-next-app --example with-apollo with-apollo-app
# or
yarn create next-app --example with-apollo with-apollo-app
# or
pnpm create next-app -- --example with-apollo with-apollo-app
pnpm create next-app --example with-apollo with-apollo-app
```
Deploy it to the cloud with [Vercel](https://vercel.com/new?utm_source=github&utm_medium=readme&utm_campaign=next-example) ([Documentation](https://nextjs.org/docs/deployment)).

View file

@ -17,7 +17,7 @@ npx create-next-app --example with-app-layout with-app-layout-app
# or
yarn create next-app --example with-app-layout with-app-layout-app
# or
pnpm create next-app -- --example with-app-layout with-app-layout-app
pnpm create next-app --example with-app-layout with-app-layout-app
```
Deploy it to the cloud with [Vercel](https://vercel.com/new?utm_source=github&utm_medium=readme&utm_campaign=next-example) ([Documentation](https://nextjs.org/docs/deployment)).

View file

@ -19,7 +19,7 @@ npx create-next-app --example with-aws-amplify-typescript nextjs-aws-amplify-typ
# or
yarn create next-app --example with-aws-amplify-typescript nextjs-aws-amplify-typescript-app
# or
pnpm create next-app -- --example with-aws-amplify-typescript nextjs-aws-amplify-typescript-app
pnpm create next-app --example with-aws-amplify-typescript nextjs-aws-amplify-typescript-app
```
### Initialize and deploy the Amplify project

View file

@ -18,7 +18,7 @@ npx create-next-app --example with-aws-amplify nextjs-aws-amplify-app
# or
yarn create next-app --example with-aws-amplify nextjs-aws-amplify-app
# or
pnpm create next-app -- --example with-aws-amplify nextjs-aws-amplify-app
pnpm create next-app --example with-aws-amplify nextjs-aws-amplify-app
```
### Initialize and deploy the Amplify project

View file

@ -17,7 +17,7 @@ npx create-next-app --example with-babel-macros with-babel-macros-app
# or
yarn create next-app --example with-babel-macros with-babel-macros-app
# or
pnpm create next-app -- --example with-babel-macros with-babel-macros-app
pnpm create next-app --example with-babel-macros with-babel-macros-app
```
Deploy it to the cloud with [Vercel](https://vercel.com/new?utm_source=github&utm_medium=readme&utm_campaign=next-example) ([Documentation](https://nextjs.org/docs/deployment)).

View file

@ -19,7 +19,7 @@ npx create-next-app --example with-carbon-components with-carbon-components-app
# or
yarn create next-app --example with-carbon-components with-carbon-components-app
# or
pnpm create next-app -- --example with-carbon-components with-carbon-components-app
pnpm create next-app --example with-carbon-components with-carbon-components-app
```
Deploy it to the cloud with [Vercel](https://vercel.com/new?utm_source=github&utm_medium=readme&utm_campaign=next-example) ([Documentation](https://nextjs.org/docs/deployment)).

View file

@ -49,7 +49,7 @@ npx create-next-app --example with-cerebral with-cerebral-app
# or
yarn create next-app --example with-cerebral with-cerebral-app
# or
pnpm create next-app -- --example with-cerebral with-cerebral-app
pnpm create next-app --example with-cerebral with-cerebral-app
```
Deploy it to the cloud with [Vercel](https://vercel.com/new?utm_source=github&utm_medium=readme&utm_campaign=next-example) ([Documentation](https://nextjs.org/docs/deployment)).

View file

@ -23,7 +23,7 @@ npx create-next-app --example with-chakra-ui with-chakra-ui-app
# or
yarn create next-app --example with-chakra-ui with-chakra-ui-app
# or
pnpm create next-app -- --example with-chakra-ui with-chakra-ui-app
pnpm create next-app --example with-chakra-ui with-chakra-ui-app
```
Deploy it to the cloud with [Vercel](https://vercel.com/new?utm_source=github&utm_medium=readme&utm_campaign=next-example) ([Documentation](https://nextjs.org/docs/deployment)).

View file

@ -21,7 +21,7 @@ npx create-next-app --example with-clerk with-clerk-app
# or
yarn create next-app --example with-clerk with-clerk-app
# or
pnpm create next-app -- --example with-clerk with-clerk-app
pnpm create next-app --example with-clerk with-clerk-app
```
To run the example locally you need to:

View file

@ -17,7 +17,7 @@ npx create-next-app --example with-compiled-css with-compiled-css-app
# or
yarn create next-app --example with-compiled-css with-compiled-css-app
# or
pnpm create next-app -- --example with-compiled-css with-compiled-css-app
pnpm create next-app --example with-compiled-css with-compiled-css-app
```
Deploy it to the cloud with [Vercel](https://vercel.com/new?utm_source=github&utm_medium=readme&utm_campaign=next-example) ([Documentation](https://nextjs.org/docs/deployment)).

View file

@ -25,7 +25,7 @@ npx create-next-app --example with-context-api with-context-api-app
# or
yarn create next-app --example with-context-api with-context-api-app
# or
pnpm create next-app -- --example with-context-api with-context-api-app
pnpm create next-app --example with-context-api with-context-api-app
```
Deploy it to the cloud with [Vercel](https://vercel.com/new?utm_source=github&utm_medium=readme&utm_campaign=next-example) ([Documentation](https://nextjs.org/docs/deployment)).

View file

@ -19,7 +19,7 @@ npx create-next-app --example with-cookie-auth-fauna with-cookie-auth-fauna-app
# or
yarn create next-app --example with-cookie-auth-fauna with-cookie-auth-fauna-app
# or
pnpm create next-app -- --example with-cookie-auth-fauna with-cookie-auth-fauna-app
pnpm create next-app --example with-cookie-auth-fauna with-cookie-auth-fauna-app
```
### Run locally

View file

@ -23,7 +23,7 @@ npx create-next-app --example with-couchbase with-couchbase-app
# or
yarn create next-app --example with-couchbase with-couchbase-app
# or
pnpm create next-app -- --example with-couchbase with-couchbase-app
pnpm create next-app --example with-couchbase with-couchbase-app
```
Deploy it to the cloud with [Vercel](https://vercel.com/new?utm_source=github&utm_medium=readme&utm_campaign=next-example) ([Documentation](https://nextjs.org/docs/deployment)).

View file

@ -19,7 +19,7 @@ npx create-next-app --example with-cssed with-cssed-app
# or
yarn create next-app --example with-cssed with-cssed-app
# or
pnpm create next-app -- --example with-cssed with-cssed-app
pnpm create next-app --example with-cssed with-cssed-app
```
Deploy it to the cloud with [Vercel](https://vercel.com/new?utm_source=github&utm_medium=readme&utm_campaign=next-example) ([Documentation](https://nextjs.org/docs/deployment)).

Some files were not shown because too many files have changed in this diff Show more