Updated create-next-app docs to include pnpm usage (#35755)
This PR updates the docs and examples for `create-next-app` to include pnpm usage. The following script was used to update every example README: ```js const fs = require('fs') const examples = fs.readdirSync('./examples') for (let example of examples) { const filename = `./examples/${example}/README.md` const markdown = fs.readFileSync(filename, 'utf8') const regex = new RegExp(`^yarn create next-app --example (.*)$`, 'gm') const output = markdown.replace(regex, (yarn, group) => { const pnpm = `pnpm create next-app -- --example ${group}` return `${yarn}\n# or\n${pnpm}` }) fs.writeFileSync(filename, output) } ```
This commit is contained in:
parent
d95d2d35c7
commit
9f9214abe5
265 changed files with 547 additions and 3 deletions
|
@ -246,6 +246,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
||||
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)).
|
||||
|
|
|
@ -10,6 +10,8 @@ The easiest way to get started with Next.js is by using `create-next-app`. This
|
|||
npx create-next-app@latest
|
||||
# or
|
||||
yarn create next-app
|
||||
# or
|
||||
pnpm create next-app
|
||||
```
|
||||
|
||||
You can create a [TypeScript project](https://github.com/vercel/next.js/blob/canary/docs/basic-features/typescript.md) with the `--ts, --typescript` flag:
|
||||
|
@ -18,6 +20,8 @@ You can create a [TypeScript project](https://github.com/vercel/next.js/blob/can
|
|||
npx create-next-app@latest --ts
|
||||
# or
|
||||
yarn create next-app --typescript
|
||||
# or
|
||||
pnpm create next-app -- --ts
|
||||
```
|
||||
|
||||
### Options
|
||||
|
|
|
@ -27,6 +27,8 @@ You can create a TypeScript project with [`create-next-app`](https://nextjs.org/
|
|||
npx create-next-app@latest --ts
|
||||
# or
|
||||
yarn create next-app --typescript
|
||||
# or
|
||||
pnpm create next-app -- --ts
|
||||
```
|
||||
|
||||
## Existing projects
|
||||
|
|
|
@ -25,6 +25,8 @@ We recommend creating a new Next.js app using `create-next-app`, which sets up e
|
|||
npx create-next-app@latest
|
||||
# or
|
||||
yarn create next-app
|
||||
# or
|
||||
pnpm create next-app
|
||||
```
|
||||
|
||||
If you want to start with a TypeScript project you can use the `--typescript` flag:
|
||||
|
@ -33,6 +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
|
||||
pnpm create next-app -- --typescript
|
||||
```
|
||||
|
||||
After the installation is complete:
|
||||
|
|
|
@ -16,6 +16,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
||||
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)).
|
||||
|
|
|
@ -21,6 +21,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
||||
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.
|
||||
|
|
|
@ -16,6 +16,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
||||
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)).
|
||||
|
|
|
@ -16,6 +16,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
||||
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)).
|
||||
|
|
|
@ -16,6 +16,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
||||
### Analyze webpack output
|
||||
|
|
|
@ -18,6 +18,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
npx create-next-app --example api-routes-apollo-server-and-client-auth api-routes-apollo-server-and-client-auth-app
|
||||
# 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
|
||||
```
|
||||
|
||||
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)).
|
||||
|
|
|
@ -18,6 +18,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
npx create-next-app --example api-routes-apollo-server-and-client api-routes-apollo-server-and-client-app
|
||||
# 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
|
||||
```
|
||||
|
||||
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)).
|
||||
|
|
|
@ -16,6 +16,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
npx create-next-app --example api-routes-apollo-server api-routes-apollo-server-app
|
||||
# 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
|
||||
```
|
||||
|
||||
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)).
|
||||
|
|
|
@ -18,6 +18,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
||||
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)).
|
||||
|
|
|
@ -16,6 +16,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
||||
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)).
|
||||
|
|
|
@ -16,6 +16,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
||||
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)).
|
||||
|
|
|
@ -30,6 +30,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
||||
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)).
|
||||
|
|
|
@ -16,6 +16,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
||||
### Deploy to Vercel
|
||||
|
|
|
@ -16,6 +16,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
||||
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)).
|
||||
|
|
|
@ -19,6 +19,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
||||
## Configuring Auth0
|
||||
|
|
|
@ -16,6 +16,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
||||
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)).
|
||||
|
|
|
@ -16,6 +16,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
||||
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)).
|
||||
|
|
|
@ -22,6 +22,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
npx create-next-app --example blog-starter-typescript blog-starter-typescript-app
|
||||
# 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
|
||||
```
|
||||
|
||||
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).
|
||||
|
|
|
@ -47,6 +47,8 @@ or
|
|||
|
||||
```
|
||||
yarn create next-app --example blog-starter blog-starter-app
|
||||
# or
|
||||
pnpm create next-app -- --example blog-starter blog-starter-app
|
||||
|
||||
```
|
||||
|
||||
|
|
|
@ -31,6 +31,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
||||
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)).
|
||||
|
|
|
@ -25,6 +25,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
||||
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)).
|
||||
|
|
|
@ -42,6 +42,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
||||
## Configuration
|
||||
|
|
|
@ -14,6 +14,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
||||
## Configuration
|
||||
|
|
|
@ -39,6 +39,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
||||
## Configuration
|
||||
|
|
|
@ -39,6 +39,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
||||
## Configuration
|
||||
|
|
|
@ -39,6 +39,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
||||
## Configuration
|
||||
|
|
|
@ -39,6 +39,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
||||
## Configuration
|
||||
|
|
|
@ -38,6 +38,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
||||
## Setup Drupal
|
||||
|
|
|
@ -37,6 +37,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
||||
### Setp 1. Run Next.js in development mode
|
||||
|
|
|
@ -42,6 +42,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
||||
## Configuration
|
||||
|
|
|
@ -39,6 +39,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
||||
## Configuration
|
||||
|
|
|
@ -41,6 +41,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
||||
## Configuration
|
||||
|
|
|
@ -38,6 +38,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
||||
## Configuration
|
||||
|
|
|
@ -45,6 +45,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
||||
## Configuration
|
||||
|
|
|
@ -39,6 +39,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
||||
## Configuration
|
||||
|
|
|
@ -39,6 +39,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
||||
## Configuration
|
||||
|
|
|
@ -38,6 +38,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
||||
## Configuration
|
||||
|
|
|
@ -31,6 +31,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
npx create-next-app --example cms-tina cms-tina-app
|
||||
# or
|
||||
yarn create next-app --example cms-ghost cms-tina-app
|
||||
# or
|
||||
pnpm create next-app -- --example cms-ghost cms-tina-app
|
||||
```
|
||||
|
||||
### Setp 1. Run Next.js in development mode
|
||||
|
|
|
@ -39,6 +39,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
||||
## Configuration
|
||||
|
|
|
@ -38,6 +38,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
||||
## Configuration
|
||||
|
|
|
@ -18,6 +18,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
||||
### Step 4. Run Next.js in development mode
|
||||
|
|
|
@ -13,6 +13,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
npx create-next-app --example custom-server-actionhero custom-server-actionhero-app
|
||||
# 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
|
||||
```
|
||||
|
||||
## How does this work?
|
||||
|
|
|
@ -18,4 +18,6 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
|
|
@ -20,4 +20,6 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
|
|
@ -18,4 +18,6 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
|
|
@ -18,6 +18,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
||||
## Side note: Enabling gzip compression
|
||||
|
|
|
@ -18,4 +18,6 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
|
|
@ -19,4 +19,6 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
npx create-next-app --example custom-server-typescript custom-server-typescript-app
|
||||
# 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
|
||||
```
|
||||
|
|
|
@ -19,6 +19,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
||||
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)).
|
||||
|
|
|
@ -24,6 +24,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
||||
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)).
|
||||
|
|
|
@ -18,6 +18,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
||||
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)).
|
||||
|
|
|
@ -18,6 +18,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
||||
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)).
|
||||
|
|
|
@ -10,6 +10,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
||||
### Deploy it to github
|
||||
|
|
|
@ -18,6 +18,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
||||
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)).
|
||||
|
|
|
@ -18,6 +18,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
||||
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)).
|
||||
|
|
|
@ -16,6 +16,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
||||
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)).
|
||||
|
|
|
@ -18,6 +18,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
||||
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)).
|
||||
|
|
|
@ -22,6 +22,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
||||
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)).
|
||||
|
|
|
@ -16,6 +16,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
||||
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)).
|
||||
|
|
|
@ -22,6 +22,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
||||
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)).
|
||||
|
|
|
@ -16,6 +16,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
||||
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)).
|
||||
|
|
|
@ -16,6 +16,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
||||
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)).
|
||||
|
|
|
@ -30,6 +30,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
||||
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)).
|
||||
|
|
|
@ -16,6 +16,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
||||
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)).
|
||||
|
|
|
@ -16,6 +16,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
npx create-next-app --example react-remove-properties react-remove-properties-app
|
||||
# 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
|
||||
```
|
||||
|
||||
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)).
|
||||
|
|
|
@ -18,6 +18,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
||||
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)).
|
||||
|
|
|
@ -16,6 +16,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
||||
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)).
|
||||
|
|
|
@ -18,6 +18,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
||||
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)).
|
||||
|
|
|
@ -22,6 +22,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
||||
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)).
|
||||
|
|
|
@ -22,6 +22,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
||||
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)).
|
||||
|
|
|
@ -22,6 +22,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
||||
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)).
|
||||
|
|
|
@ -16,6 +16,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
||||
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)).
|
||||
|
|
|
@ -16,6 +16,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
||||
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)).
|
||||
|
|
|
@ -19,6 +19,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
||||
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)).
|
||||
|
|
|
@ -16,6 +16,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
||||
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)).
|
||||
|
|
|
@ -10,6 +10,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
npx create-next-app --example with-algolia-react-instantsearch with-algolia-react-instantsearch-app
|
||||
# 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
|
||||
```
|
||||
|
||||
To set up Algolia:
|
||||
|
|
|
@ -16,6 +16,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
||||
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)).
|
||||
|
|
|
@ -18,6 +18,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
||||
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)).
|
||||
|
|
|
@ -20,6 +20,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
||||
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)).
|
||||
|
|
|
@ -16,6 +16,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
npx create-next-app --example with-apollo-neo4j-graphql with-apollo-neo4j-graphql-app
|
||||
# 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
|
||||
```
|
||||
|
||||
## Configuration
|
||||
|
|
|
@ -24,6 +24,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
||||
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)).
|
||||
|
|
|
@ -16,6 +16,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
||||
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)).
|
||||
|
|
|
@ -18,6 +18,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
npx create-next-app --example with-aws-amplify-typescript nextjs-aws-amplify-typescript-app
|
||||
# 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
|
||||
```
|
||||
|
||||
### Initialize and deploy the Amplify project
|
||||
|
|
|
@ -17,6 +17,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
||||
### Initialize and deploy the Amplify project
|
||||
|
|
|
@ -16,6 +16,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
||||
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)).
|
||||
|
|
|
@ -18,6 +18,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
||||
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)).
|
||||
|
|
|
@ -48,6 +48,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
||||
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)).
|
||||
|
|
|
@ -22,6 +22,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
npx create-next-app --example with-chakra-ui-typescript with-chakra-ui-typescript-app
|
||||
# or
|
||||
yarn create next-app --example with-chakra-ui-typescript with-chakra-ui-typescript-app
|
||||
# or
|
||||
pnpm create next-app -- --example with-chakra-ui-typescript with-chakra-ui-typescript-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)).
|
||||
|
|
|
@ -18,6 +18,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
||||
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)).
|
||||
|
|
|
@ -20,6 +20,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
||||
To run the example locally you need to:
|
||||
|
|
|
@ -16,6 +16,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
||||
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)).
|
||||
|
|
|
@ -24,6 +24,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
||||
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)).
|
||||
|
|
|
@ -18,6 +18,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
||||
### Run locally
|
||||
|
|
|
@ -22,6 +22,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
||||
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)).
|
||||
|
|
|
@ -18,6 +18,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
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
|
||||
```
|
||||
|
||||
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)).
|
||||
|
|
|
@ -22,6 +22,8 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
|
|||
npx create-next-app --example with-custom-babel-config with-custom-babel-config-app
|
||||
# or
|
||||
yarn create next-app --example with-custom-babel-config with-custom-babel-config-app
|
||||
# or
|
||||
pnpm create next-app -- --example with-custom-babel-config with-custom-babel-config-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
Loading…
Reference in a new issue