Update references to zeit/next.js (#13463)
This commit is contained in:
parent
001230e0a8
commit
b7e17e09e5
353 changed files with 533 additions and 531 deletions
2
.github/ISSUE_TEMPLATE/config.yml
vendored
2
.github/ISSUE_TEMPLATE/config.yml
vendored
|
@ -1,5 +1,5 @@
|
|||
blank_issues_enabled: false
|
||||
contact_links:
|
||||
- name: Ask a question
|
||||
url: https://github.com/zeit/next.js/discussions
|
||||
url: https://github.com/vercel/next.js/discussions
|
||||
about: Ask questions and discuss with other community members
|
||||
|
|
4
.github/actions/next-stats-action/README.md
vendored
4
.github/actions/next-stats-action/README.md
vendored
|
@ -2,7 +2,7 @@
|
|||
|
||||
> Downloads and runs project with provided configs gathering stats to compare branches
|
||||
|
||||
See it in action at Next.js https://github.com/zeit/next.js
|
||||
See it in action at Next.js https://github.com/vercel/next.js
|
||||
|
||||
## Getting Started
|
||||
|
||||
|
@ -26,7 +26,7 @@ const StatsConfig = {
|
|||
// the main branch to compare against (what PRs will be merging into)
|
||||
mainBranch: 'canary',
|
||||
// the main repository path (relative to https://github.com/)
|
||||
mainRepo: 'zeit/next.js',
|
||||
mainRepo: 'vercel/next.js',
|
||||
// whether to attempt auto merging the main branch into PR before running stats
|
||||
autoMergeMain: boolean | undefined,
|
||||
// an array of configs for each run
|
||||
|
|
|
@ -140,7 +140,7 @@ Deploy the example using [Vercel](https://vercel.com/now):
|
|||
|
||||
### Using `create-next-app`
|
||||
|
||||
Execute [`create-next-app`](https://github.com/zeit/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
|
||||
Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
|
||||
|
||||
```bash
|
||||
npm init next-app --example DIRECTORY_NAME DIRECTORY_NAME-app
|
||||
|
|
|
@ -7,7 +7,7 @@ description: With minimal config, and without leaving React, you can start addin
|
|||
<details>
|
||||
<summary><b>Examples</b></summary>
|
||||
<ul>
|
||||
<li><a href="https://github.com/zeit/next.js/tree/canary/examples/amp">AMP</a></li>
|
||||
<li><a href="https://github.com/vercel/next.js/tree/canary/examples/amp">AMP</a></li>
|
||||
</ul>
|
||||
</details>
|
||||
|
||||
|
@ -21,7 +21,7 @@ To enable AMP support for a page, and to learn more about the different AMP conf
|
|||
|
||||
## Caveats
|
||||
|
||||
- Only CSS-in-JS is supported. [CSS Modules](/docs/basic-features/built-in-css-support.md) aren't supported by AMP pages at the moment. You can [contribute CSS Modules support to Next.js](https://github.com/zeit/next.js/issues/10549).
|
||||
- Only CSS-in-JS is supported. [CSS Modules](/docs/basic-features/built-in-css-support.md) aren't supported by AMP pages at the moment. You can [contribute CSS Modules support to Next.js](https://github.com/vercel/next.js/issues/10549).
|
||||
|
||||
## Related
|
||||
|
||||
|
|
|
@ -56,7 +56,7 @@ If you want to render the built-in error page you can by importing the `Error` c
|
|||
import Error from 'next/error'
|
||||
|
||||
export async function getServerSideProps() {
|
||||
const res = await fetch('https://api.github.com/repos/zeit/next.js')
|
||||
const res = await fetch('https://api.github.com/repos/vercel/next.js')
|
||||
const errorCode = res.ok ? false : res.statusCode
|
||||
const json = await res.json()
|
||||
|
||||
|
|
|
@ -7,11 +7,11 @@ description: Start a Next.js app programmatically using a custom server.
|
|||
<details>
|
||||
<summary><b>Examples</b></summary>
|
||||
<ul>
|
||||
<li><a href="https://github.com/zeit/next.js/tree/canary/examples/custom-server">Basic custom server</a></li>
|
||||
<li><a href="https://github.com/zeit/next.js/tree/canary/examples/custom-server-express">Express integration</a></li>
|
||||
<li><a href="https://github.com/zeit/next.js/tree/canary/examples/custom-server-hapi">Hapi integration</a></li>
|
||||
<li><a href="https://github.com/zeit/next.js/tree/canary/examples/custom-server-koa">Koa integration</a></li>
|
||||
<li><a href="https://github.com/zeit/next.js/tree/canary/examples/ssr-caching">SSR Caching</a></li>
|
||||
<li><a href="https://github.com/vercel/next.js/tree/canary/examples/custom-server">Basic custom server</a></li>
|
||||
<li><a href="https://github.com/vercel/next.js/tree/canary/examples/custom-server-express">Express integration</a></li>
|
||||
<li><a href="https://github.com/vercel/next.js/tree/canary/examples/custom-server-hapi">Hapi integration</a></li>
|
||||
<li><a href="https://github.com/vercel/next.js/tree/canary/examples/custom-server-koa">Koa integration</a></li>
|
||||
<li><a href="https://github.com/vercel/next.js/tree/canary/examples/ssr-caching">SSR Caching</a></li>
|
||||
</ul>
|
||||
</details>
|
||||
|
||||
|
|
|
@ -7,7 +7,7 @@ description: Extend the babel preset added by Next.js with your own configs.
|
|||
<details>
|
||||
<summary><b>Examples</b></summary>
|
||||
<ul>
|
||||
<li><a href="https://github.com/zeit/next.js/tree/canary/examples/with-custom-babel-config">Customizing babel configuration</a></li>
|
||||
<li><a href="https://github.com/vercel/next.js/tree/canary/examples/with-custom-babel-config">Customizing babel configuration</a></li>
|
||||
</ul>
|
||||
</details>
|
||||
|
||||
|
|
|
@ -7,7 +7,7 @@ description: Extend the PostCSS config and plugins added by Next.js with your ow
|
|||
<details open>
|
||||
<summary><b>Examples</b></summary>
|
||||
<ul>
|
||||
<li><a href="https://github.com/zeit/next.js/tree/canary/examples/with-tailwindcss">Tailwind CSS Example</a></li>
|
||||
<li><a href="https://github.com/vercel/next.js/tree/canary/examples/with-tailwindcss">Tailwind CSS Example</a></li>
|
||||
</ul>
|
||||
</details>
|
||||
|
||||
|
|
|
@ -7,7 +7,7 @@ description: Dynamically import JavaScript modules and React Components and spli
|
|||
<details>
|
||||
<summary><b>Examples</b></summary>
|
||||
<ul>
|
||||
<li><a href="https://github.com/zeit/next.js/tree/canary/examples/with-dynamic-import">Dynamic Import</a></li>
|
||||
<li><a href="https://github.com/vercel/next.js/tree/canary/examples/with-dynamic-import">Dynamic Import</a></li>
|
||||
</ul>
|
||||
</details>
|
||||
|
||||
|
|
|
@ -9,11 +9,11 @@ description: Next.js has the preview mode for statically generated pages. You ca
|
|||
<details open>
|
||||
<summary><b>Examples</b></summary>
|
||||
<ul>
|
||||
<li><a href="https://github.com/zeit/next.js/tree/canary/examples/cms-datocms">DatoCMS Example</a> (<a href="https://next-blog-datocms.now.sh/">Demo</a>)</li>
|
||||
<li><a href="https://github.com/zeit/next.js/tree/canary/examples/cms-takeshape">TakeShape Example</a> (<a href="https://next-blog-takeshape.now.sh/">Demo</a>)</li>
|
||||
<li><a href="https://github.com/zeit/next.js/tree/canary/examples/cms-sanity">Sanity Example</a> (<a href="https://next-blog-sanity.now.sh/">Demo</a>)</li>
|
||||
<li><a href="https://github.com/zeit/next.js/tree/canary/examples/cms-prismic">Prismic Example</a> (<a href="https://next-blog-prismic.now.sh/">Demo</a>)</li>
|
||||
<li><a href="https://github.com/zeit/next.js/tree/canary/examples/cms-contentful">Contentful Example</a> (<a href="https://next-blog-contentful.now.sh/">Demo</a>)</li>
|
||||
<li><a href="https://github.com/vercel/next.js/tree/canary/examples/cms-datocms">DatoCMS Example</a> (<a href="https://next-blog-datocms.now.sh/">Demo</a>)</li>
|
||||
<li><a href="https://github.com/vercel/next.js/tree/canary/examples/cms-takeshape">TakeShape Example</a> (<a href="https://next-blog-takeshape.now.sh/">Demo</a>)</li>
|
||||
<li><a href="https://github.com/vercel/next.js/tree/canary/examples/cms-sanity">Sanity Example</a> (<a href="https://next-blog-sanity.now.sh/">Demo</a>)</li>
|
||||
<li><a href="https://github.com/vercel/next.js/tree/canary/examples/cms-prismic">Prismic Example</a> (<a href="https://next-blog-prismic.now.sh/">Demo</a>)</li>
|
||||
<li><a href="https://github.com/vercel/next.js/tree/canary/examples/cms-contentful">Contentful Example</a> (<a href="https://next-blog-contentful.now.sh/">Demo</a>)</li>
|
||||
</ul>
|
||||
</details>
|
||||
|
||||
|
|
|
@ -7,7 +7,7 @@ description: Export your Next.js app to static HTML, and run it standalone witho
|
|||
<details>
|
||||
<summary><b>Examples</b></summary>
|
||||
<ul>
|
||||
<li><a href="https://github.com/zeit/next.js/tree/canary/examples/with-static-export">Static Export</a></li>
|
||||
<li><a href="https://github.com/vercel/next.js/tree/canary/examples/with-static-export">Static Export</a></li>
|
||||
</ul>
|
||||
</details>
|
||||
|
||||
|
|
|
@ -14,7 +14,7 @@ description: Enable Server-Side Rendering in a page and do initial data populati
|
|||
<details>
|
||||
<summary><b>Examples</b></summary>
|
||||
<ul>
|
||||
<li><a href="https://github.com/zeit/next.js/tree/canary/examples/data-fetch">Data fetch</a></li>
|
||||
<li><a href="https://github.com/vercel/next.js/tree/canary/examples/data-fetch">Data fetch</a></li>
|
||||
</ul>
|
||||
</details>
|
||||
|
||||
|
@ -30,7 +30,7 @@ function Page({ stars }) {
|
|||
}
|
||||
|
||||
Page.getInitialProps = async (ctx) => {
|
||||
const res = await fetch('https://api.github.com/repos/zeit/next.js')
|
||||
const res = await fetch('https://api.github.com/repos/vercel/next.js')
|
||||
const json = await res.json()
|
||||
return { stars: json.stargazers_count }
|
||||
}
|
||||
|
@ -45,7 +45,7 @@ import React from 'react'
|
|||
|
||||
class Page extends React.Component {
|
||||
static async getInitialProps(ctx) {
|
||||
const res = await fetch('https://api.github.com/repos/zeit/next.js')
|
||||
const res = await fetch('https://api.github.com/repos/vercel/next.js')
|
||||
const json = await res.json()
|
||||
return { stars: json.stargazers_count }
|
||||
}
|
||||
|
|
|
@ -17,7 +17,7 @@ module.exports = {
|
|||
}
|
||||
```
|
||||
|
||||
Next.js will automatically use your prefix in the scripts it loads, but this has no effect whatsoever on the [public](/docs/basic-features/static-file-serving.md) folder; if you want to serve those assets over a CDN, you'll have to introduce the prefix yourself. One way of introducing a prefix that works inside your components and varies by environment is documented [in this example](https://github.com/zeit/next.js/tree/canary/examples/with-universal-configuration-build-time).
|
||||
Next.js will automatically use your prefix in the scripts it loads, but this has no effect whatsoever on the [public](/docs/basic-features/static-file-serving.md) folder; if you want to serve those assets over a CDN, you'll have to introduce the prefix yourself. One way of introducing a prefix that works inside your components and varies by environment is documented [in this example](https://github.com/vercel/next.js/tree/canary/examples/with-universal-configuration-build-time).
|
||||
|
||||
## Related
|
||||
|
||||
|
|
|
@ -4,7 +4,7 @@ description: Extend the default page extensions used by Next.js when resolving p
|
|||
|
||||
# Custom Page Extensions
|
||||
|
||||
Aimed at modules like [@next/mdx](https://github.com/zeit/next.js/tree/canary/packages/next-mdx), which adds support for pages ending with `.mdx`. You can configure the extensions looked for in the `pages` directory when resolving pages.
|
||||
Aimed at modules like [@next/mdx](https://github.com/vercel/next.js/tree/canary/packages/next-mdx), which adds support for pages ending with `.mdx`. You can configure the extensions looked for in the `pages` directory when resolving pages.
|
||||
|
||||
Open `next.config.js` and add the `pageExtensions` config:
|
||||
|
||||
|
|
|
@ -10,8 +10,8 @@ Some commonly asked for features are available as plugins:
|
|||
- [@zeit/next-less](https://github.com/zeit/next-plugins/tree/master/packages/next-less)
|
||||
- [@zeit/next-stylus](https://github.com/zeit/next-plugins/tree/master/packages/next-stylus)
|
||||
- [@zeit/next-preact](https://github.com/zeit/next-plugins/tree/master/packages/next-preact)
|
||||
- [@next/mdx](https://github.com/zeit/next.js/tree/canary/packages/next-mdx)
|
||||
- [@next/bundle-analyzer](https://github.com/zeit/next.js/tree/canary/packages/next-bundle-analyzer)
|
||||
- [@next/mdx](https://github.com/vercel/next.js/tree/canary/packages/next-mdx)
|
||||
- [@next/bundle-analyzer](https://github.com/vercel/next.js/tree/canary/packages/next-bundle-analyzer)
|
||||
|
||||
In order to extend our usage of `webpack`, you can define a function that extends its config inside `next.config.js`, like so:
|
||||
|
||||
|
@ -47,7 +47,7 @@ Example usage of `defaultLoaders.babel`:
|
|||
```js
|
||||
// Example config for adding a loader that depends on babel-loader
|
||||
// This source was taken from the @next/mdx plugin source:
|
||||
// https://github.com/zeit/next.js/tree/canary/packages/next-mdx
|
||||
// https://github.com/vercel/next.js/tree/canary/packages/next-mdx
|
||||
module.exports = {
|
||||
webpack: (config, options) => {
|
||||
config.module.rules.push({
|
||||
|
|
|
@ -9,8 +9,8 @@ description: Learn to add and access environment variables in your Next.js appli
|
|||
<details>
|
||||
<summary><b>Examples</b></summary>
|
||||
<ul>
|
||||
<li><a href="https://github.com/zeit/next.js/tree/canary/examples/with-env-from-next-config-js">With env</a></li>
|
||||
<li><a href="https://github.com/zeit/next.js/tree/canary/examples/with-now-env">With Now env</a></li>
|
||||
<li><a href="https://github.com/vercel/next.js/tree/canary/examples/with-env-from-next-config-js">With env</a></li>
|
||||
<li><a href="https://github.com/vercel/next.js/tree/canary/examples/with-now-env">With Now env</a></li>
|
||||
</ul>
|
||||
</details>
|
||||
|
||||
|
|
|
@ -9,7 +9,7 @@ description: Customize the pages that will be exported as HTML files when using
|
|||
<details>
|
||||
<summary><b>Examples</b></summary>
|
||||
<ul>
|
||||
<li><a href="https://github.com/zeit/next.js/tree/canary/examples/with-static-export">Static Export</a></li>
|
||||
<li><a href="https://github.com/vercel/next.js/tree/canary/examples/with-static-export">Static Export</a></li>
|
||||
</ul>
|
||||
</details>
|
||||
|
||||
|
|
|
@ -26,7 +26,7 @@ module.exports = (phase, { defaultConfig }) => {
|
|||
}
|
||||
```
|
||||
|
||||
`phase` is the current context in which the configuration is loaded. You can see the available phases [here](https://github.com/zeit/next.js/blob/canary/packages/next/next-server/lib/constants.ts#L1-L4). Phases can be imported from `next/constants`:
|
||||
`phase` is the current context in which the configuration is loaded. You can see the available phases [here](https://github.com/vercel/next.js/blob/canary/packages/next/next-server/lib/constants.ts#L1-L4). Phases can be imported from `next/constants`:
|
||||
|
||||
```js
|
||||
const { PHASE_DEVELOPMENT_SERVER } = require('next/constants')
|
||||
|
@ -44,7 +44,7 @@ module.exports = (phase, { defaultConfig }) => {
|
|||
}
|
||||
```
|
||||
|
||||
The commented lines are the place where you can put the configs allowed by `next.config.js`, which are defined [here](https://github.com/zeit/next.js/blob/canary/packages/next/next-server/server/config.ts#L12-L63).
|
||||
The commented lines are the place where you can put the configs allowed by `next.config.js`, which are defined [here](https://github.com/vercel/next.js/blob/canary/packages/next/next-server/server/config.ts#L12-L63).
|
||||
|
||||
However, none of the configs are required, and it's not necessary to understand what each config does, instead, search for the features you need to enable or modify in this section and they will show you what to do.
|
||||
|
||||
|
|
|
@ -7,7 +7,7 @@ description: Enable AMP in a page, and control the way Next.js adds AMP to the p
|
|||
<details>
|
||||
<summary><b>Examples</b></summary>
|
||||
<ul>
|
||||
<li><a href="https://github.com/zeit/next.js/tree/canary/examples/amp">AMP</a></li>
|
||||
<li><a href="https://github.com/vercel/next.js/tree/canary/examples/amp">AMP</a></li>
|
||||
</ul>
|
||||
</details>
|
||||
|
||||
|
|
|
@ -7,8 +7,8 @@ description: Add custom elements to the `head` of your page with the built-in He
|
|||
<details>
|
||||
<summary><b>Examples</b></summary>
|
||||
<ul>
|
||||
<li><a href="https://github.com/zeit/next.js/tree/canary/examples/head-elements">Head Elements</a></li>
|
||||
<li><a href="https://github.com/zeit/next.js/tree/canary/examples/layout-component">Layout Component</a></li>
|
||||
<li><a href="https://github.com/vercel/next.js/tree/canary/examples/head-elements">Head Elements</a></li>
|
||||
<li><a href="https://github.com/vercel/next.js/tree/canary/examples/layout-component">Layout Component</a></li>
|
||||
</ul>
|
||||
</details>
|
||||
|
||||
|
|
|
@ -7,7 +7,7 @@ description: Enable client-side transitions between routes with the built-in Lin
|
|||
<details>
|
||||
<summary><b>Examples</b></summary>
|
||||
<ul>
|
||||
<li><a href="https://github.com/zeit/next.js/tree/canary/examples/hello-world">Hello World</a></li>
|
||||
<li><a href="https://github.com/vercel/next.js/tree/canary/examples/hello-world">Hello World</a></li>
|
||||
</ul>
|
||||
</details>
|
||||
|
||||
|
|
|
@ -70,7 +70,7 @@ The API of `Router`, exported by `next/router`, is defined below.
|
|||
<details>
|
||||
<summary><b>Examples</b></summary>
|
||||
<ul>
|
||||
<li><a href="https://github.com/zeit/next.js/tree/canary/examples/using-router">Using Router</a></li>
|
||||
<li><a href="https://github.com/vercel/next.js/tree/canary/examples/using-router">Using Router</a></li>
|
||||
</ul>
|
||||
</details>
|
||||
|
||||
|
@ -260,7 +260,7 @@ Router.reload()
|
|||
<details>
|
||||
<summary><b>Examples</b></summary>
|
||||
<ul>
|
||||
<li><a href="https://github.com/zeit/next.js/tree/canary/examples/with-loading">With a page loading indicator</a></li>
|
||||
<li><a href="https://github.com/vercel/next.js/tree/canary/examples/with-loading">With a page loading indicator</a></li>
|
||||
</ul>
|
||||
</details>
|
||||
|
||||
|
|
|
@ -7,8 +7,8 @@ description: API Routes provide built-in middlewares that parse the incoming r
|
|||
<details open>
|
||||
<summary><b>Examples</b></summary>
|
||||
<ul>
|
||||
<li><a href="https://github.com/zeit/next.js/tree/canary/examples/api-routes-middleware">API Routes with middleware</a></li>
|
||||
<li><a href="https://github.com/zeit/next.js/tree/canary/examples/api-routes-cors">API Routes with CORS</a></li>
|
||||
<li><a href="https://github.com/vercel/next.js/tree/canary/examples/api-routes-middleware">API Routes with middleware</a></li>
|
||||
<li><a href="https://github.com/vercel/next.js/tree/canary/examples/api-routes-cors">API Routes with CORS</a></li>
|
||||
</ul>
|
||||
</details>
|
||||
|
||||
|
@ -115,4 +115,4 @@ async function handler(req, res) {
|
|||
export default handler
|
||||
```
|
||||
|
||||
> Go to the [API Routes with CORS](https://github.com/zeit/next.js/tree/canary/examples/api-routes-cors) example to see the finished app
|
||||
> Go to the [API Routes with CORS](https://github.com/vercel/next.js/tree/canary/examples/api-routes-cors) example to see the finished app
|
||||
|
|
|
@ -7,7 +7,7 @@ description: You can add the dynamic routes used for pages to API Routes too. Le
|
|||
<details open>
|
||||
<summary><b>Examples</b></summary>
|
||||
<ul>
|
||||
<li><a href="https://github.com/zeit/next.js/tree/canary/examples/api-routes">Basic API Routes</a></li>
|
||||
<li><a href="https://github.com/vercel/next.js/tree/canary/examples/api-routes">Basic API Routes</a></li>
|
||||
</ul>
|
||||
</details>
|
||||
|
||||
|
|
|
@ -7,11 +7,11 @@ description: Next.js supports API Routes, which allow you to build your API with
|
|||
<details open>
|
||||
<summary><b>Examples</b></summary>
|
||||
<ul>
|
||||
<li><a href="https://github.com/zeit/next.js/tree/canary/examples/api-routes">Basic API Routes</a></li>
|
||||
<li><a href="https://github.com/zeit/next.js/tree/canary/examples/api-routes-middleware">API Routes with middleware</a></li>
|
||||
<li><a href="https://github.com/zeit/next.js/tree/canary/examples/api-routes-graphql">API Routes with GraphQL</a></li>
|
||||
<li><a href="https://github.com/zeit/next.js/tree/canary/examples/api-routes-rest">API Routes with REST</a></li>
|
||||
<li><a href="https://github.com/zeit/next.js/tree/canary/examples/api-routes-cors">API Routes with CORS</a></li>
|
||||
<li><a href="https://github.com/vercel/next.js/tree/canary/examples/api-routes">Basic API Routes</a></li>
|
||||
<li><a href="https://github.com/vercel/next.js/tree/canary/examples/api-routes-middleware">API Routes with middleware</a></li>
|
||||
<li><a href="https://github.com/vercel/next.js/tree/canary/examples/api-routes-graphql">API Routes with GraphQL</a></li>
|
||||
<li><a href="https://github.com/vercel/next.js/tree/canary/examples/api-routes-rest">API Routes with REST</a></li>
|
||||
<li><a href="https://github.com/vercel/next.js/tree/canary/examples/api-routes-cors">API Routes with CORS</a></li>
|
||||
</ul>
|
||||
</details>
|
||||
|
||||
|
|
|
@ -7,8 +7,8 @@ description: API Routes include a set of Express.js-like methods for the respons
|
|||
<details open>
|
||||
<summary><b>Examples</b></summary>
|
||||
<ul>
|
||||
<li><a href="https://github.com/zeit/next.js/tree/canary/examples/api-routes">Basic API Routes</a></li>
|
||||
<li><a href="https://github.com/zeit/next.js/tree/canary/examples/api-routes-rest">API Routes with REST</a></li>
|
||||
<li><a href="https://github.com/vercel/next.js/tree/canary/examples/api-routes">Basic API Routes</a></li>
|
||||
<li><a href="https://github.com/vercel/next.js/tree/canary/examples/api-routes-rest">API Routes with REST</a></li>
|
||||
</ul>
|
||||
</details>
|
||||
|
||||
|
|
|
@ -139,13 +139,13 @@ Error: Cannot find module 'less'
|
|||
<details>
|
||||
<summary><b>Examples</b></summary>
|
||||
<ul>
|
||||
<li><a href="https://github.com/zeit/next.js/tree/canary/examples/basic-css">Styled JSX</a></li>
|
||||
<li><a href="https://github.com/zeit/next.js/tree/canary/examples/with-styled-components">Styled Components</a></li>
|
||||
<li><a href="https://github.com/zeit/next.js/tree/canary/examples/with-styletron">Styletron</a></li>
|
||||
<li><a href="https://github.com/zeit/next.js/tree/canary/examples/with-glamor">Glamor</a></li>
|
||||
<li><a href="https://github.com/zeit/next.js/tree/canary/examples/with-cxs">Cxs</a></li>
|
||||
<li><a href="https://github.com/zeit/next.js/tree/canary/examples/with-aphrodite">Aphrodite</a></li>
|
||||
<li><a href="https://github.com/zeit/next.js/tree/canary/examples/with-fela">Fela</a></li>
|
||||
<li><a href="https://github.com/vercel/next.js/tree/canary/examples/basic-css">Styled JSX</a></li>
|
||||
<li><a href="https://github.com/vercel/next.js/tree/canary/examples/with-styled-components">Styled Components</a></li>
|
||||
<li><a href="https://github.com/vercel/next.js/tree/canary/examples/with-styletron">Styletron</a></li>
|
||||
<li><a href="https://github.com/vercel/next.js/tree/canary/examples/with-glamor">Glamor</a></li>
|
||||
<li><a href="https://github.com/vercel/next.js/tree/canary/examples/with-cxs">Cxs</a></li>
|
||||
<li><a href="https://github.com/vercel/next.js/tree/canary/examples/with-aphrodite">Aphrodite</a></li>
|
||||
<li><a href="https://github.com/vercel/next.js/tree/canary/examples/with-fela">Fela</a></li>
|
||||
</ul>
|
||||
</details>
|
||||
|
||||
|
|
|
@ -9,12 +9,12 @@ description: 'Next.js has 2 pre-rendering modes: Static Generation and Server-si
|
|||
<details open>
|
||||
<summary><b>Examples</b></summary>
|
||||
<ul>
|
||||
<li><a href="https://github.com/zeit/next.js/tree/canary/examples/blog-starter">Blog Starter using markdown files</a> (<a href="https://next-blog-starter.now.sh/">Demo</a>)</li>
|
||||
<li><a href="https://github.com/zeit/next.js/tree/canary/examples/cms-datocms">DatoCMS Example</a> (<a href="https://next-blog-datocms.now.sh/">Demo</a>)</li>
|
||||
<li><a href="https://github.com/zeit/next.js/tree/canary/examples/cms-takeshape">TakeShape Example</a> (<a href="https://next-blog-takeshape.now.sh/">Demo</a>)</li>
|
||||
<li><a href="https://github.com/zeit/next.js/tree/canary/examples/cms-sanity">Sanity Example</a> (<a href="https://next-blog-sanity.now.sh/">Demo</a>)</li>
|
||||
<li><a href="https://github.com/zeit/next.js/tree/canary/examples/cms-prismic">Prismic Example</a> (<a href="https://next-blog-prismic.now.sh/">Demo</a>)</li>
|
||||
<li><a href="https://github.com/zeit/next.js/tree/canary/examples/cms-contentful">Contentful Example</a> (<a href="https://next-blog-contentful.now.sh/">Demo</a>)</li>
|
||||
<li><a href="https://github.com/vercel/next.js/tree/canary/examples/blog-starter">Blog Starter using markdown files</a> (<a href="https://next-blog-starter.now.sh/">Demo</a>)</li>
|
||||
<li><a href="https://github.com/vercel/next.js/tree/canary/examples/cms-datocms">DatoCMS Example</a> (<a href="https://next-blog-datocms.now.sh/">Demo</a>)</li>
|
||||
<li><a href="https://github.com/vercel/next.js/tree/canary/examples/cms-takeshape">TakeShape Example</a> (<a href="https://next-blog-takeshape.now.sh/">Demo</a>)</li>
|
||||
<li><a href="https://github.com/vercel/next.js/tree/canary/examples/cms-sanity">Sanity Example</a> (<a href="https://next-blog-sanity.now.sh/">Demo</a>)</li>
|
||||
<li><a href="https://github.com/vercel/next.js/tree/canary/examples/cms-prismic">Prismic Example</a> (<a href="https://next-blog-prismic.now.sh/">Demo</a>)</li>
|
||||
<li><a href="https://github.com/vercel/next.js/tree/canary/examples/cms-contentful">Contentful Example</a> (<a href="https://next-blog-contentful.now.sh/">Demo</a>)</li>
|
||||
<li><a href="https://static-tweet.now.sh/">Static Tweet Demo</a></li>
|
||||
</ul>
|
||||
</details>
|
||||
|
|
|
@ -48,12 +48,12 @@ Finally, you can always use **Client-side Rendering** along with Static Generati
|
|||
<details open>
|
||||
<summary><b>Examples</b></summary>
|
||||
<ul>
|
||||
<li><a href="https://github.com/zeit/next.js/tree/canary/examples/blog-starter">Blog Starter using markdown files</a> (<a href="https://next-blog-starter.now.sh/">Demo</a>)</li>
|
||||
<li><a href="https://github.com/zeit/next.js/tree/canary/examples/cms-datocms">DatoCMS Example</a> (<a href="https://next-blog-datocms.now.sh/">Demo</a>)</li>
|
||||
<li><a href="https://github.com/zeit/next.js/tree/canary/examples/cms-takeshape">TakeShape Example</a> (<a href="https://next-blog-takeshape.now.sh/">Demo</a>)</li>
|
||||
<li><a href="https://github.com/zeit/next.js/tree/canary/examples/cms-sanity">Sanity Example</a> (<a href="https://next-blog-sanity.now.sh/">Demo</a>)</li>
|
||||
<li><a href="https://github.com/zeit/next.js/tree/canary/examples/cms-prismic">Prismic Example</a> (<a href="https://next-blog-prismic.now.sh/">Demo</a>)</li>
|
||||
<li><a href="https://github.com/zeit/next.js/tree/canary/examples/cms-contentful">Contentful Example</a> (<a href="https://next-blog-contentful.now.sh/">Demo</a>)</li>
|
||||
<li><a href="https://github.com/vercel/next.js/tree/canary/examples/blog-starter">Blog Starter using markdown files</a> (<a href="https://next-blog-starter.now.sh/">Demo</a>)</li>
|
||||
<li><a href="https://github.com/vercel/next.js/tree/canary/examples/cms-datocms">DatoCMS Example</a> (<a href="https://next-blog-datocms.now.sh/">Demo</a>)</li>
|
||||
<li><a href="https://github.com/vercel/next.js/tree/canary/examples/cms-takeshape">TakeShape Example</a> (<a href="https://next-blog-takeshape.now.sh/">Demo</a>)</li>
|
||||
<li><a href="https://github.com/vercel/next.js/tree/canary/examples/cms-sanity">Sanity Example</a> (<a href="https://next-blog-sanity.now.sh/">Demo</a>)</li>
|
||||
<li><a href="https://github.com/vercel/next.js/tree/canary/examples/cms-prismic">Prismic Example</a> (<a href="https://next-blog-prismic.now.sh/">Demo</a>)</li>
|
||||
<li><a href="https://github.com/vercel/next.js/tree/canary/examples/cms-contentful">Contentful Example</a> (<a href="https://next-blog-contentful.now.sh/">Demo</a>)</li>
|
||||
<li><a href="https://static-tweet.now.sh/">Static Tweet Demo</a></li>
|
||||
</ul>
|
||||
</details>
|
||||
|
|
|
@ -7,7 +7,7 @@ description: Next.js supports TypeScript by default and has built-in types for p
|
|||
<details>
|
||||
<summary><b>Examples</b></summary>
|
||||
<ul>
|
||||
<li><a href="https://github.com/zeit/next.js/tree/canary/examples/with-typescript">TypeScript</a></li>
|
||||
<li><a href="https://github.com/vercel/next.js/tree/canary/examples/with-typescript">TypeScript</a></li>
|
||||
</ul>
|
||||
</details>
|
||||
|
||||
|
|
|
@ -8,7 +8,7 @@ description: Get to know more about Next.js with the frequently asked questions.
|
|||
<summary>What browsers are supported?</summary>
|
||||
<p>Next.js supports IE11 and all modern browsers out of the box using <a href="https://new.babeljs.io/docs/en/next/babel-preset-env.html">@babel/preset-env</a>. In order to support IE11 Next.js adds a global Promise polyfill.</p>
|
||||
|
||||
<p>In cases where your own code or any external npm dependencies you are using require features not supported by your target browsers you will need to implement polyfills. If you need to implement polyfills, the <a href="https://github.com/zeit/next.js/tree/canary/examples/with-polyfills">polyfills</a> example demonstrates the recommended approach.</p>
|
||||
<p>In cases where your own code or any external npm dependencies you are using require features not supported by your target browsers you will need to implement polyfills. If you need to implement polyfills, the <a href="https://github.com/vercel/next.js/tree/canary/examples/with-polyfills">polyfills</a> example demonstrates the recommended approach.</p>
|
||||
</details>
|
||||
|
||||
<details>
|
||||
|
@ -51,12 +51,12 @@ description: Get to know more about Next.js with the frequently asked questions.
|
|||
|
||||
<details>
|
||||
<summary>Can I use it with GraphQL?</summary>
|
||||
<p>Yes! Here's an <a href="https://github.com/zeit/next.js/tree/canary/examples/with-apollo">example with Apollo</a>.</p>
|
||||
<p>Yes! Here's an <a href="https://github.com/vercel/next.js/tree/canary/examples/with-apollo">example with Apollo</a>.</p>
|
||||
</details>
|
||||
|
||||
<details>
|
||||
<summary>Can I use it with Redux?</summary>
|
||||
<p>Yes! Here's an <a href="https://github.com/zeit/next.js/tree/canary/examples/with-redux">example</a>. And there's another <a href="https://github.com/zeit/next.js/tree/canary/examples/with-redux-thunk">example with thunk</a>.</p>
|
||||
<p>Yes! Here's an <a href="https://github.com/vercel/next.js/tree/canary/examples/with-redux">example</a>. And there's another <a href="https://github.com/vercel/next.js/tree/canary/examples/with-redux-thunk">example with thunk</a>.</p>
|
||||
</details>
|
||||
|
||||
<details>
|
||||
|
@ -66,7 +66,7 @@ description: Get to know more about Next.js with the frequently asked questions.
|
|||
|
||||
<details>
|
||||
<summary>Can I use Next with my favorite JavaScript library or toolkit?</summary>
|
||||
<p>Since our first release we've had many example contributions. You can check them out in the <a href="https://github.com/zeit/next.js/tree/canary/examples">examples</a> directory.</p>
|
||||
<p>Since our first release we've had many example contributions. You can check them out in the <a href="https://github.com/vercel/next.js/tree/canary/examples">examples</a> directory.</p>
|
||||
</details>
|
||||
|
||||
<details>
|
||||
|
|
|
@ -10,7 +10,7 @@ If you're new to Next.js we recommend that you start with the [learn course](htt
|
|||
|
||||
The interactive course with quizzes will guide you through everything you need to know to use Next.js.
|
||||
|
||||
If you have questions about anything related to Next.js, you're always welcome to ask our community on [GitHub Discussions](https://github.com/zeit/next.js/discussions).
|
||||
If you have questions about anything related to Next.js, you're always welcome to ask our community on [GitHub Discussions](https://github.com/vercel/next.js/discussions).
|
||||
|
||||
#### System Requirements
|
||||
|
||||
|
|
|
@ -7,7 +7,7 @@ description: Dynamic Routes are pages that allow you to add custom params to you
|
|||
<details>
|
||||
<summary><b>Examples</b></summary>
|
||||
<ul>
|
||||
<li><a href="https://github.com/zeit/next.js/tree/canary/examples/dynamic-routing">Dynamic Routing</a></li>
|
||||
<li><a href="https://github.com/vercel/next.js/tree/canary/examples/dynamic-routing">Dynamic Routing</a></li>
|
||||
</ul>
|
||||
</details>
|
||||
|
||||
|
@ -61,7 +61,7 @@ Client-side navigations to a dynamic route can be handled with [`next/link`](/do
|
|||
<details>
|
||||
<summary><b>Examples</b></summary>
|
||||
<ul>
|
||||
<li><a href="https://github.com/zeit/next.js/tree/canary/examples/catch-all-routes">Catch All Routes</a></li>
|
||||
<li><a href="https://github.com/vercel/next.js/tree/canary/examples/catch-all-routes">Catch All Routes</a></li>
|
||||
</ul>
|
||||
</details>
|
||||
|
||||
|
|
|
@ -7,7 +7,7 @@ description: Client-side navigations are also possible using the Router API inst
|
|||
<details>
|
||||
<summary><b>Examples</b></summary>
|
||||
<ul>
|
||||
<li><a href="https://github.com/zeit/next.js/tree/canary/examples/using-router">Using Router</a></li>
|
||||
<li><a href="https://github.com/vercel/next.js/tree/canary/examples/using-router">Using Router</a></li>
|
||||
</ul>
|
||||
</details>
|
||||
|
||||
|
|
|
@ -107,7 +107,7 @@ function Home({ posts }) {
|
|||
<details>
|
||||
<summary><b>Examples</b></summary>
|
||||
<ul>
|
||||
<li><a href="https://github.com/zeit/next.js/tree/canary/examples/dynamic-routing">Dynamic Routing</a></li>
|
||||
<li><a href="https://github.com/vercel/next.js/tree/canary/examples/dynamic-routing">Dynamic Routing</a></li>
|
||||
</ul>
|
||||
</details>
|
||||
|
||||
|
|
|
@ -7,7 +7,7 @@ description: You can use shallow routing to change the URL without triggering a
|
|||
<details>
|
||||
<summary><b>Examples</b></summary>
|
||||
<ul>
|
||||
<li><a href="https://github.com/zeit/next.js/tree/canary/examples/with-shallow-routing">Shallow Routing</a></li>
|
||||
<li><a href="https://github.com/vercel/next.js/tree/canary/examples/with-shallow-routing">Shallow Routing</a></li>
|
||||
</ul>
|
||||
</details>
|
||||
|
||||
|
|
|
@ -10,4 +10,4 @@ Look in your \_app.js component's `getInitialProps` function and make sure neith
|
|||
|
||||
### Useful Links
|
||||
|
||||
- [The issue this was reported in: #6480](https://github.com/zeit/next.js/issues/6480)
|
||||
- [The issue this was reported in: #6480](https://github.com/vercel/next.js/issues/6480)
|
||||
|
|
|
@ -19,4 +19,4 @@ webpack(config) {
|
|||
|
||||
### Useful Links
|
||||
|
||||
- [Related issue](https://github.com/zeit/next.js/issues/6681)
|
||||
- [Related issue](https://github.com/vercel/next.js/issues/6681)
|
||||
|
|
|
@ -21,4 +21,4 @@ imported by you, in your application.
|
|||
---
|
||||
|
||||
If this is **first party code**, try
|
||||
[including said monorepo package in the compilation pipeline](https://github.com/zeit/next.js/tree/canary/examples/with-yarn-workspaces).
|
||||
[including said monorepo package in the compilation pipeline](https://github.com/vercel/next.js/tree/canary/examples/with-yarn-workspaces).
|
||||
|
|
|
@ -17,4 +17,4 @@ module.exports = {
|
|||
|
||||
### Useful Links
|
||||
|
||||
- [The issue this was reported in: #5674](https://github.com/zeit/next.js/issues/5674)
|
||||
- [The issue this was reported in: #5674](https://github.com/vercel/next.js/issues/5674)
|
||||
|
|
|
@ -19,4 +19,4 @@ webpack(config) {
|
|||
|
||||
### Useful Links
|
||||
|
||||
- [Related issue](https://github.com/zeit/next.js/issues/6681)
|
||||
- [Related issue](https://github.com/vercel/next.js/issues/6681)
|
||||
|
|
|
@ -42,4 +42,4 @@ export default class MyApp extends App {
|
|||
|
||||
### Useful Links
|
||||
|
||||
- [The issue this was reported in: #4596](https://github.com/zeit/next.js/issues/4596)
|
||||
- [The issue this was reported in: #4596](https://github.com/vercel/next.js/issues/4596)
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
# Router.onAppUpdated is removed
|
||||
|
||||
Due to [this bug fix](https://github.com/zeit/next.js/pull/3849), we had to remove the `Router.onAppUpdated` hook. But the default functionality of this feature is still in effect.
|
||||
Due to [this bug fix](https://github.com/vercel/next.js/pull/3849), we had to remove the `Router.onAppUpdated` hook. But the default functionality of this feature is still in effect.
|
||||
|
||||
We use this hook to detect a new app deployment when switching pages and act accordingly. Although there are many things you can do in this hook, it's often used to navigate the page via the server as shown below:
|
||||
|
||||
|
|
|
@ -11,4 +11,4 @@ The only known cause of this issue is manually manipulating `window.history` ins
|
|||
|
||||
### Useful Links
|
||||
|
||||
- [The issue this was reported in: #4994](https://github.com/zeit/next.js/issues/4994)
|
||||
- [The issue this was reported in: #4994](https://github.com/vercel/next.js/issues/4994)
|
||||
|
|
|
@ -12,7 +12,7 @@ Deploy the example using [Vercel](https://vercel.com):
|
|||
|
||||
### Using `create-next-app`
|
||||
|
||||
Execute [`create-next-app`](https://github.com/zeit/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
|
||||
Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
|
||||
|
||||
```bash
|
||||
npm init next-app --example active-class-name active-class-name-app
|
||||
|
|
|
@ -17,7 +17,7 @@ Deploy the example using [Vercel](https://vercel.com):
|
|||
|
||||
### Using `create-next-app`
|
||||
|
||||
Execute [`create-next-app`](https://github.com/zeit/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
|
||||
Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
|
||||
|
||||
```bash
|
||||
npm init next-app --example amp-first amp-first-app
|
||||
|
|
|
@ -12,7 +12,7 @@ Deploy the example using [Vercel](https://vercel.com):
|
|||
|
||||
### Using `create-next-app`
|
||||
|
||||
Execute [`create-next-app`](https://github.com/zeit/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
|
||||
Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
|
||||
|
||||
```bash
|
||||
npm init next-app --example amp-story amp-app
|
||||
|
|
|
@ -12,7 +12,7 @@ Deploy the example using [Vercel](https://vercel.com):
|
|||
|
||||
### Using `create-next-app`
|
||||
|
||||
Execute [`create-next-app`](https://github.com/zeit/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
|
||||
Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
|
||||
|
||||
```bash
|
||||
npm init next-app --example amp amp-app
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
# Analyzer Bundles example
|
||||
|
||||
This example shows how to analyze the output bundles using [@next/bundle-analyzer](https://github.com/zeit/next.js/tree/master/packages/next-bundle-analyzer)
|
||||
This example shows how to analyze the output bundles using [@next/bundle-analyzer](https://github.com/vercel/next.js/tree/master/packages/next-bundle-analyzer)
|
||||
|
||||
## Deploy your own
|
||||
|
||||
|
@ -12,7 +12,7 @@ Deploy the example using [Vercel](https://vercel.com):
|
|||
|
||||
### Using `create-next-app`
|
||||
|
||||
Execute [`create-next-app`](https://github.com/zeit/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
|
||||
Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
|
||||
|
||||
```bash
|
||||
npm init next-app --example analyze-bundles analyze-bundles-app
|
||||
|
|
|
@ -13,7 +13,7 @@ https://www.apollographql.com/docs/react/api/react-ssr/#getdatafromtree
|
|||
|
||||
### Using `create-next-app`
|
||||
|
||||
Execute [`create-next-app`](https://github.com/zeit/next.js/tree/canary/packages/create-next-app) with [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) or [npx](https://github.com/zkat/npx#readme) to bootstrap the example:
|
||||
Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) with [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) or [npx](https://github.com/zkat/npx#readme) to bootstrap the example:
|
||||
|
||||
```bash
|
||||
npx create-next-app --example api-routes-apollo-server-and-client-auth api-routes-apollo-server-and-client-auth-app
|
||||
|
|
|
@ -127,7 +127,7 @@ function createApolloClient(ctx = {}, initialState = {}) {
|
|||
const ssrMode = typeof window === 'undefined'
|
||||
const cache = new InMemoryCache().restore(initialState)
|
||||
|
||||
// Check out https://github.com/zeit/next.js/pull/4611 if you want to use the AWSAppSyncClient
|
||||
// Check out https://github.com/vercel/next.js/pull/4611 if you want to use the AWSAppSyncClient
|
||||
return new ApolloClient({
|
||||
ssrMode,
|
||||
link: createIsomorphLink(ctx),
|
||||
|
|
|
@ -13,7 +13,7 @@ https://www.apollographql.com/docs/react/api/react-ssr/#getdatafromtree
|
|||
|
||||
### Using `create-next-app`
|
||||
|
||||
Execute [`create-next-app`](https://github.com/zeit/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
|
||||
Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
|
||||
|
||||
```bash
|
||||
npm init next-app --example api-routes-apollo-server-and-client api-routes-apollo-server-and-client-app
|
||||
|
|
|
@ -125,7 +125,7 @@ function createApolloClient(initialState = {}) {
|
|||
const ssrMode = typeof window === 'undefined'
|
||||
const cache = new InMemoryCache().restore(initialState)
|
||||
|
||||
// Check out https://github.com/zeit/next.js/pull/4611 if you want to use the AWSAppSyncClient
|
||||
// Check out https://github.com/vercel/next.js/pull/4611 if you want to use the AWSAppSyncClient
|
||||
return new ApolloClient({
|
||||
ssrMode,
|
||||
link: createIsomorphLink(),
|
||||
|
|
|
@ -6,13 +6,13 @@ Next.js ships with two forms of pre-rendering: [Static Generation](https://nextj
|
|||
|
||||
Deploy the example using [Vercel](https://vercel.com):
|
||||
|
||||
[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/import/project?template=https://github.com/zeit/next.js/tree/canary/examples/api-routes-apollo-server)
|
||||
[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/import/project?template=https://github.com/vercel/next.js/tree/canary/examples/api-routes-apollo-server)
|
||||
|
||||
## How to use
|
||||
|
||||
### Using `create-next-app`
|
||||
|
||||
Execute [`create-next-app`](https://github.com/zeit/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
|
||||
Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
|
||||
|
||||
```bash
|
||||
npm init next-app --example api-routes-apollo-server api-routes-apollo-server-app
|
||||
|
@ -25,7 +25,7 @@ yarn create next-app --example api-routes-apollo-server api-routes-apollo-server
|
|||
Download the example:
|
||||
|
||||
```bash
|
||||
curl https://codeload.github.com/zeit/next.js/tar.gz/canary | tar -xz --strip=2 next.js-canary/examples/api-routes-apollo-server
|
||||
curl https://codeload.github.com/vercel/next.js/tar.gz/canary | tar -xz --strip=2 next.js-canary/examples/api-routes-apollo-server
|
||||
cd api-routes-apollo-server
|
||||
```
|
||||
|
||||
|
|
|
@ -12,7 +12,7 @@ Deploy the example using [Vercel](https://vercel.com):
|
|||
|
||||
## How to use
|
||||
|
||||
Execute [`create-next-app`](https://github.com/zeit/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
|
||||
Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
|
||||
|
||||
```bash
|
||||
npm init next-app --example api-routes-cors api-routes-cors-app
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
# API routes with GraphQL server
|
||||
|
||||
Next.js ships with [API routes](https://github.com/zeit/next.js#api-routes), which provide an easy solution to build your own `API`. This example shows their usage alongside [apollo-server-micro](https://github.com/apollographql/apollo-server/tree/master/packages/apollo-server-micro) to provide simple GraphQL server consumed by Next.js app.
|
||||
Next.js ships with [API routes](https://github.com/vercel/next.js#api-routes), which provide an easy solution to build your own `API`. This example shows their usage alongside [apollo-server-micro](https://github.com/apollographql/apollo-server/tree/master/packages/apollo-server-micro) to provide simple GraphQL server consumed by Next.js app.
|
||||
|
||||
## Deploy your own
|
||||
|
||||
|
@ -12,7 +12,7 @@ Deploy the example using [Vercel](https://vercel.com):
|
|||
|
||||
### Using `create-next-app`
|
||||
|
||||
Execute [`create-next-app`](https://github.com/zeit/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
|
||||
Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
|
||||
|
||||
```bash
|
||||
npm init next-app --example api-routes-graphql api-routes-graphql-app
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
# API routes with middleware
|
||||
|
||||
Next.js ships with [API routes](https://github.com/zeit/next.js#api-routes), which provide an easy solution to build your own `API`. This example shows how to implement simple `middleware` to wrap around your `API` endpoints.
|
||||
Next.js ships with [API routes](https://github.com/vercel/next.js#api-routes), which provide an easy solution to build your own `API`. This example shows how to implement simple `middleware` to wrap around your `API` endpoints.
|
||||
|
||||
## Deploy your own
|
||||
|
||||
|
@ -12,7 +12,7 @@ Deploy the example using [Vercel](https://vercel.com):
|
|||
|
||||
### Using `create-next-app`
|
||||
|
||||
Execute [`create-next-app`](https://github.com/zeit/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
|
||||
Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
|
||||
|
||||
```bash
|
||||
npm init next-app --example api-routes-middleware api-routes-middleware-app
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
# API routes with REST
|
||||
|
||||
Next.js ships with [API routes](https://github.com/zeit/next.js#api-routes), which provide an easy solution to build your own `API`. This example shows how it can be used to create your [REST](https://en.wikipedia.org/wiki/Representational_state_transfer) api.
|
||||
Next.js ships with [API routes](https://github.com/vercel/next.js#api-routes), which provide an easy solution to build your own `API`. This example shows how it can be used to create your [REST](https://en.wikipedia.org/wiki/Representational_state_transfer) api.
|
||||
|
||||
## Deploy your own
|
||||
|
||||
|
@ -12,7 +12,7 @@ Deploy the example using [Vercel](https://vercel.com):
|
|||
|
||||
### Using `create-next-app`
|
||||
|
||||
Execute [`create-next-app`](https://github.com/zeit/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
|
||||
Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
|
||||
|
||||
```bash
|
||||
npm init next-app --example api-routes-rest api-routes-rest-app
|
||||
|
|
|
@ -12,7 +12,7 @@ Deploy the example using [Vercel](https://vercel.com):
|
|||
|
||||
### Using `create-next-app`
|
||||
|
||||
Execute [`create-next-app`](https://github.com/zeit/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
|
||||
Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
|
||||
|
||||
```bash
|
||||
npm init next-app --example api-routes api-routes-app
|
||||
|
|
|
@ -6,7 +6,7 @@ Read more: [https://auth0.com/blog/ultimate-guide-nextjs-authentication-auth0/](
|
|||
|
||||
### Using `create-next-app`
|
||||
|
||||
Execute [`create-next-app`](https://github.com/zeit/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
|
||||
Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
|
||||
|
||||
```bash
|
||||
npm init next-app --example auth0 auth0
|
||||
|
|
|
@ -10,11 +10,11 @@ Deploy the example using [Vercel](https://vercel.com):
|
|||
|
||||
## How to use
|
||||
|
||||
[Try it on CodeSandbox](https://codesandbox.io/s/github/zeit/next.js/tree/canary/examples/basic-css)
|
||||
[Try it on CodeSandbox](https://codesandbox.io/s/github/vercel/next.js/tree/canary/examples/basic-css)
|
||||
|
||||
### Using `create-next-app`
|
||||
|
||||
Execute [`create-next-app`](https://github.com/zeit/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
|
||||
Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
|
||||
|
||||
```bash
|
||||
npm init next-app --example basic-css basic-css-app
|
||||
|
|
|
@ -12,7 +12,7 @@ Deploy the example using [Vercel](https://vercel.com):
|
|||
|
||||
### Using `create-next-app`
|
||||
|
||||
Execute [`create-next-app`](https://github.com/zeit/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
|
||||
Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
|
||||
|
||||
```bash
|
||||
npm init next-app --example basic-export basic-export-app
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
# A statically generated blog example using Next.js and Markdown and TypeScript
|
||||
|
||||
This is the existing [blog-starter](https://github.com/zeit/next.js/tree/canary/examples/blog-starter) plus TypeScript.
|
||||
This is the existing [blog-starter](https://github.com/vercel/next.js/tree/canary/examples/blog-starter) plus TypeScript.
|
||||
|
||||
This example showcases Next.js's [Static Generation](https://nextjs.org/docs/basic-features/pages) feature using markdown files as the data source.
|
||||
|
||||
|
@ -12,7 +12,7 @@ To create the blog posts we use [`remark`](https://github.com/remarkjs/remark) a
|
|||
|
||||
### Using `create-next-app`
|
||||
|
||||
Execute [`create-next-app`](https://github.com/zeit/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
|
||||
Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
|
||||
|
||||
```bash
|
||||
npm init next-app --example blog-starter-typescript blog-starter-typescript-app
|
||||
|
@ -25,7 +25,7 @@ yarn create next-app --example blog-starter-typescript blog-starter-typescript-a
|
|||
Download the example:
|
||||
|
||||
```bash
|
||||
curl https://codeload.github.com/zeit/next.js/tar.gz/canary | tar -xz --strip=2 next.js-canary/examples/blog-starter-typescript
|
||||
curl https://codeload.github.com/vercel/next.js/tar.gz/canary | tar -xz --strip=2 next.js-canary/examples/blog-starter-typescript
|
||||
cd blog-starter-typescript
|
||||
```
|
||||
|
||||
|
@ -41,7 +41,7 @@ yarn install
|
|||
yarn dev
|
||||
```
|
||||
|
||||
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/zeit/next.js/discussions).
|
||||
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).
|
||||
|
||||
Deploy it to the cloud with [Vercel](https://vercel.com/import?filter=next.js&utm_source=github&utm_medium=readme&utm_campaign=next-example) ([Documentation](https://nextjs.org/docs/deployment)).
|
||||
|
||||
|
|
|
@ -32,7 +32,7 @@ const Alert: React.FC<Props> = ({ preview }) => {
|
|||
<>
|
||||
The source code for this blog is{' '}
|
||||
<a
|
||||
href={`https://github.com/zeit/next.js/tree/canary/examples/${EXAMPLE_PATH}`}
|
||||
href={`https://github.com/vercel/next.js/tree/canary/examples/${EXAMPLE_PATH}`}
|
||||
className="underline hover:text-success duration-200 transition-colors"
|
||||
>
|
||||
available on GitHub
|
||||
|
|
|
@ -18,7 +18,7 @@ const Footer: React.FC = () => {
|
|||
Read Documentation
|
||||
</a>
|
||||
<a
|
||||
href={`https://github.com/zeit/next.js/tree/canary/examples/${EXAMPLE_PATH}`}
|
||||
href={`https://github.com/vercel/next.js/tree/canary/examples/${EXAMPLE_PATH}`}
|
||||
className="mx-3 font-bold hover:underline"
|
||||
>
|
||||
View on GitHub
|
||||
|
|
|
@ -22,7 +22,7 @@ To create the blog posts we use [`remark`](https://github.com/remarkjs/remark) a
|
|||
|
||||
### Using `create-next-app`
|
||||
|
||||
Execute [`create-next-app`](https://github.com/zeit/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
|
||||
Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
|
||||
|
||||
```bash
|
||||
npm init next-app --example blog-starter blog-starter-app
|
||||
|
@ -51,7 +51,7 @@ yarn install
|
|||
yarn dev
|
||||
```
|
||||
|
||||
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/zeit/next.js/discussions).
|
||||
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).
|
||||
|
||||
Deploy it to the cloud with [Vercel](https://vercel.com/import?filter=next.js&utm_source=github&utm_medium=readme&utm_campaign=next-example) ([Documentation](https://nextjs.org/docs/deployment)).
|
||||
|
||||
|
|
|
@ -27,7 +27,7 @@ export default function Alert({ preview }) {
|
|||
<>
|
||||
The source code for this blog is{' '}
|
||||
<a
|
||||
href={`https://github.com/zeit/next.js/tree/canary/examples/${EXAMPLE_PATH}`}
|
||||
href={`https://github.com/vercel/next.js/tree/canary/examples/${EXAMPLE_PATH}`}
|
||||
className="underline hover:text-success duration-200 transition-colors"
|
||||
>
|
||||
available on GitHub
|
||||
|
|
|
@ -17,7 +17,7 @@ export default function Footer() {
|
|||
Read Documentation
|
||||
</a>
|
||||
<a
|
||||
href={`https://github.com/zeit/next.js/tree/canary/examples/${EXAMPLE_PATH}`}
|
||||
href={`https://github.com/vercel/next.js/tree/canary/examples/${EXAMPLE_PATH}`}
|
||||
className="mx-3 font-bold hover:underline"
|
||||
>
|
||||
View on GitHub
|
||||
|
|
|
@ -21,7 +21,7 @@ Deploy the example using [Vercel](https://vercel.com):
|
|||
|
||||
### Using `create-next-app`
|
||||
|
||||
Execute [`create-next-app`](https://github.com/zeit/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
|
||||
Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
|
||||
|
||||
```bash
|
||||
npm init next-app --example catch-all-routes catch-all-routes-app
|
||||
|
|
|
@ -16,7 +16,7 @@ This example showcases Next.js's [Static Generation](/docs/basic-features/pages.
|
|||
|
||||
## How to use
|
||||
|
||||
Execute [`create-next-app`](https://github.com/zeit/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
|
||||
Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
|
||||
|
||||
```bash
|
||||
npm init next-app --example cms-contentful cms-contentful-app
|
||||
|
@ -182,7 +182,7 @@ yarn install
|
|||
yarn dev
|
||||
```
|
||||
|
||||
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/zeit/next.js/discussions).
|
||||
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).
|
||||
|
||||
### Step 7. Try preview mode
|
||||
|
||||
|
|
|
@ -27,7 +27,7 @@ export default function Alert({ preview }) {
|
|||
<>
|
||||
The source code for this blog is{' '}
|
||||
<a
|
||||
href={`https://github.com/zeit/next.js/tree/canary/examples/${EXAMPLE_PATH}`}
|
||||
href={`https://github.com/vercel/next.js/tree/canary/examples/${EXAMPLE_PATH}`}
|
||||
className="underline hover:text-success duration-200 transition-colors"
|
||||
>
|
||||
available on GitHub
|
||||
|
|
|
@ -17,7 +17,7 @@ export default function Footer() {
|
|||
Read Documentation
|
||||
</a>
|
||||
<a
|
||||
href={`https://github.com/zeit/next.js/tree/canary/examples/${EXAMPLE_PATH}`}
|
||||
href={`https://github.com/vercel/next.js/tree/canary/examples/${EXAMPLE_PATH}`}
|
||||
className="mx-3 font-bold hover:underline"
|
||||
>
|
||||
View on GitHub
|
||||
|
|
|
@ -17,7 +17,7 @@ This example showcases Next.js's [Static Generation](https://nextjs.org/docs/bas
|
|||
|
||||
### Using `create-next-app`
|
||||
|
||||
Execute [`create-next-app`](https://github.com/zeit/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
|
||||
Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
|
||||
|
||||
```bash
|
||||
npm init next-app --example cms-datocms cms-datocms-app
|
||||
|
@ -124,7 +124,7 @@ yarn install
|
|||
yarn dev
|
||||
```
|
||||
|
||||
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/zeit/next.js/discussions).
|
||||
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).
|
||||
|
||||
### Step 7. Try preview mode
|
||||
|
||||
|
|
|
@ -27,7 +27,7 @@ export default function Alert({ preview }) {
|
|||
<>
|
||||
The source code for this blog is{' '}
|
||||
<a
|
||||
href={`https://github.com/zeit/next.js/tree/canary/examples/${EXAMPLE_PATH}`}
|
||||
href={`https://github.com/vercel/next.js/tree/canary/examples/${EXAMPLE_PATH}`}
|
||||
className="underline hover:text-success duration-200 transition-colors"
|
||||
>
|
||||
available on GitHub
|
||||
|
|
|
@ -17,7 +17,7 @@ export default function Footer() {
|
|||
Read Documentation
|
||||
</a>
|
||||
<a
|
||||
href={`https://github.com/zeit/next.js/tree/canary/examples/${EXAMPLE_PATH}`}
|
||||
href={`https://github.com/vercel/next.js/tree/canary/examples/${EXAMPLE_PATH}`}
|
||||
className="mx-3 font-bold hover:underline"
|
||||
>
|
||||
View on GitHub
|
||||
|
|
|
@ -18,7 +18,7 @@ This example showcases Next.js's [Static Generation](/docs/basic-features/pages.
|
|||
|
||||
### Using `create-next-app`
|
||||
|
||||
Execute [`create-next-app`](https://github.com/zeit/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
|
||||
Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
|
||||
|
||||
```bash
|
||||
npm init next-app --example cms-prismic cms-prismic-app
|
||||
|
@ -134,7 +134,7 @@ yarn install
|
|||
yarn dev
|
||||
```
|
||||
|
||||
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/zeit/next.js/discussions).
|
||||
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).
|
||||
|
||||
### Step 7. Try preview mode
|
||||
|
||||
|
|
|
@ -27,7 +27,7 @@ export default function Alert({ preview }) {
|
|||
<>
|
||||
The source code for this blog is{' '}
|
||||
<a
|
||||
href={`https://github.com/zeit/next.js/tree/canary/examples/${EXAMPLE_PATH}`}
|
||||
href={`https://github.com/vercel/next.js/tree/canary/examples/${EXAMPLE_PATH}`}
|
||||
className="underline hover:text-success duration-200 transition-colors"
|
||||
>
|
||||
available on GitHub
|
||||
|
|
|
@ -17,7 +17,7 @@ export default function Footer() {
|
|||
Read Documentation
|
||||
</a>
|
||||
<a
|
||||
href={`https://github.com/zeit/next.js/tree/canary/examples/${EXAMPLE_PATH}`}
|
||||
href={`https://github.com/vercel/next.js/tree/canary/examples/${EXAMPLE_PATH}`}
|
||||
className="mx-3 font-bold hover:underline"
|
||||
>
|
||||
View on GitHub
|
||||
|
|
|
@ -18,7 +18,7 @@ This example showcases Next.js's [Static Generation](https://nextjs.org/docs/bas
|
|||
|
||||
### Using `create-next-app`
|
||||
|
||||
Execute [`create-next-app`](https://github.com/zeit/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
|
||||
Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
|
||||
|
||||
```bash
|
||||
npm init next-app --example cms-sanity cms-sanity-app
|
||||
|
@ -130,7 +130,7 @@ yarn install
|
|||
yarn dev
|
||||
```
|
||||
|
||||
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/zeit/next.js/discussions).
|
||||
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).
|
||||
|
||||
### Step 9. Try preview mode
|
||||
|
||||
|
|
|
@ -27,7 +27,7 @@ export default function Alert({ preview }) {
|
|||
<>
|
||||
The source code for this blog is{' '}
|
||||
<a
|
||||
href={`https://github.com/zeit/next.js/tree/canary/examples/${EXAMPLE_PATH}`}
|
||||
href={`https://github.com/vercel/next.js/tree/canary/examples/${EXAMPLE_PATH}`}
|
||||
className="underline hover:text-success duration-200 transition-colors"
|
||||
>
|
||||
available on GitHub
|
||||
|
|
|
@ -17,7 +17,7 @@ export default function Footer() {
|
|||
Read Documentation
|
||||
</a>
|
||||
<a
|
||||
href={`https://github.com/zeit/next.js/tree/canary/examples/${EXAMPLE_PATH}`}
|
||||
href={`https://github.com/vercel/next.js/tree/canary/examples/${EXAMPLE_PATH}`}
|
||||
className="mx-3 font-bold hover:underline"
|
||||
>
|
||||
View on GitHub
|
||||
|
|
|
@ -18,7 +18,7 @@ This example showcases Next.js's [Static Generation](https://nextjs.org/docs/bas
|
|||
|
||||
### Using `create-next-app`
|
||||
|
||||
Execute [`create-next-app`](https://github.com/zeit/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
|
||||
Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
|
||||
|
||||
```bash
|
||||
npm init next-app --example cms-takeshape cms-takeshape-app
|
||||
|
@ -132,7 +132,7 @@ yarn install
|
|||
yarn dev
|
||||
```
|
||||
|
||||
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/zeit/next.js/discussions).
|
||||
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).
|
||||
|
||||
### Step 7. Try preview mode
|
||||
|
||||
|
|
|
@ -27,7 +27,7 @@ export default function Alert({ preview }) {
|
|||
<>
|
||||
The source code for this blog is{' '}
|
||||
<a
|
||||
href={`https://github.com/zeit/next.js/tree/canary/examples/${EXAMPLE_PATH}`}
|
||||
href={`https://github.com/vercel/next.js/tree/canary/examples/${EXAMPLE_PATH}`}
|
||||
className="underline hover:text-success duration-200 transition-colors"
|
||||
>
|
||||
available on GitHub
|
||||
|
|
|
@ -17,7 +17,7 @@ export default function Footer() {
|
|||
Read Documentation
|
||||
</a>
|
||||
<a
|
||||
href={`https://github.com/zeit/next.js/tree/canary/examples/${EXAMPLE_PATH}`}
|
||||
href={`https://github.com/vercel/next.js/tree/canary/examples/${EXAMPLE_PATH}`}
|
||||
className="mx-3 font-bold hover:underline"
|
||||
>
|
||||
View on GitHub
|
||||
|
|
|
@ -9,7 +9,7 @@ A more detailed example showcasing how to use fetch and web sockets to interact
|
|||
|
||||
### Using `create-next-app`
|
||||
|
||||
Execute [`create-next-app`](https://github.com/zeit/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
|
||||
Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
|
||||
|
||||
```bash
|
||||
npm init next-app --example custom-server-actionhero custom-server-actionhero-app
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
# Custom Express Server example
|
||||
|
||||
Most of the times the default Next server will be enough but sometimes you want to run your own server to customize routes or other kind of the app behavior. Next provides a [Custom server and routing](https://github.com/zeit/next.js#custom-server-and-routing) so you can customize as much as you want.
|
||||
Most of the times the default Next server will be enough but sometimes you want to run your own server to customize routes or other kind of the app behavior. Next provides a [Custom server and routing](https://github.com/vercel/next.js#custom-server-and-routing) so you can customize as much as you want.
|
||||
|
||||
Because the Next.js server is just a node.js module you can combine it with any other part of the node.js ecosystem. in this case we are using express to build a custom router on top of Next.
|
||||
|
||||
|
@ -10,7 +10,7 @@ The example shows a server that serves the component living in `pages/a.js` when
|
|||
|
||||
### Using `create-next-app`
|
||||
|
||||
Execute [`create-next-app`](https://github.com/zeit/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
|
||||
Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
|
||||
|
||||
```bash
|
||||
npm init next-app --example custom-server-express custom-server-express-app
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
# Custom Fastify Server example
|
||||
|
||||
Most of the times the default Next server will be enough but sometimes you want to run your own server to customize routes or other kind of the app behavior. Next provides a [Custom server and routing](https://github.com/zeit/next.js#custom-server-and-routing) so you can customize as much as you want.
|
||||
Most of the times the default Next server will be enough but sometimes you want to run your own server to customize routes or other kind of the app behavior. Next provides a [Custom server and routing](https://github.com/vercel/next.js#custom-server-and-routing) so you can customize as much as you want.
|
||||
|
||||
Because the Next.js server is just a node.js module you can combine it with any other part of the node.js ecosystem. in this case we are using [Fastify](https://github.com/fastify/fastify) to build a custom router on top of Next.
|
||||
|
||||
|
@ -10,7 +10,7 @@ The example shows a server that serves the component living in `pages/a.js` when
|
|||
|
||||
### Using `create-next-app`
|
||||
|
||||
Execute [`create-next-app`](https://github.com/zeit/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
|
||||
Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
|
||||
|
||||
```bash
|
||||
npm init next-app --example custom-server-fastify custom-server-fastify-app
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
# Custom server using Hapi example
|
||||
|
||||
Most of the times the default Next server will be enough but sometimes you want to run your own server to customize routes or other kind of the app behavior. Next provides a [Custom server and routing](https://github.com/zeit/next.js#custom-server-and-routing) so you can customize as much as you want.
|
||||
Most of the times the default Next server will be enough but sometimes you want to run your own server to customize routes or other kind of the app behavior. Next provides a [Custom server and routing](https://github.com/vercel/next.js#custom-server-and-routing) so you can customize as much as you want.
|
||||
|
||||
Because the Next.js server is just a node.js module you can combine it with any other part of the node.js ecosystem. in this case we are using [Hapi](https://hapijs.com) to build a custom router on top of Next.
|
||||
|
||||
|
@ -10,7 +10,7 @@ The example shows a server that serves the component living in `pages/a.js` when
|
|||
|
||||
### Using `create-next-app`
|
||||
|
||||
Execute [`create-next-app`](https://github.com/zeit/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
|
||||
Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
|
||||
|
||||
```bash
|
||||
npm init next-app --example custom-server-hapi custom-server-hapi-app
|
||||
|
|
|
@ -10,7 +10,7 @@ The example shows a server that serves the component living in `pages/a.js` when
|
|||
|
||||
### Using `create-next-app`
|
||||
|
||||
Execute [`create-next-app`](https://github.com/zeit/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
|
||||
Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
|
||||
|
||||
```bash
|
||||
npm init next-app --example custom-server-koa custom-server-koa-app
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
# Custom [Polka](https://github.com/lukeed/polka) Server example
|
||||
|
||||
Most of the times the default Next server will be enough but sometimes you want to run your own server to customize routes or other kind of the app behavior. Next provides a [Custom server and routing](https://github.com/zeit/next.js#custom-server-and-routing) so you can customize as much as you want.
|
||||
Most of the times the default Next server will be enough but sometimes you want to run your own server to customize routes or other kind of the app behavior. Next provides a [Custom server and routing](https://github.com/vercel/next.js#custom-server-and-routing) so you can customize as much as you want.
|
||||
|
||||
Because the Next.js server is just a node.js module you can combine it with any other part of the node.js ecosystem. in this case we are using express to build a custom router on top of Next.
|
||||
|
||||
|
@ -10,7 +10,7 @@ The example shows a server that serves the component living in `pages/a.js` when
|
|||
|
||||
### Using `create-next-app`
|
||||
|
||||
Execute [`create-next-app`](https://github.com/zeit/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
|
||||
Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
|
||||
|
||||
```bash
|
||||
npm init next-app --example custom-server-polka custom-server-polka-app
|
||||
|
|
|
@ -9,7 +9,7 @@ The second directory should be added to `.gitignore`.
|
|||
|
||||
### Using `create-next-app`
|
||||
|
||||
Execute [`create-next-app`](https://github.com/zeit/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
|
||||
Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
|
||||
|
||||
```bash
|
||||
npm init next-app --example custom-server-typescript custom-server-typescript-app
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
# Custom server example
|
||||
|
||||
Most of the times the default Next server will be enough but sometimes you want to run your own server to customize routes or other kind of the app behavior. Next provides a [Custom server and routing](https://github.com/zeit/next.js#custom-server-and-routing) so you can customize as much as you want.
|
||||
Most of the times the default Next server will be enough but sometimes you want to run your own server to customize routes or other kind of the app behavior. Next provides a [Custom server and routing](https://github.com/vercel/next.js#custom-server-and-routing) so you can customize as much as you want.
|
||||
|
||||
The example shows a server that serves the component living in `pages/a.js` when the route `/b` is requested and `pages/b.js` when the route `/a` is accessed. This is obviously a non-standard routing strategy. You can see how this custom routing is being made inside `server.js`.
|
||||
|
||||
|
@ -8,7 +8,7 @@ The example shows a server that serves the component living in `pages/a.js` when
|
|||
|
||||
### Using `create-next-app`
|
||||
|
||||
Execute [`create-next-app`](https://github.com/zeit/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
|
||||
Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
|
||||
|
||||
```bash
|
||||
npm init next-app --example custom-server custom-server-app
|
||||
|
|
|
@ -15,7 +15,7 @@ Deploy the example using [Vercel](https://vercel.com):
|
|||
|
||||
### Using `create-next-app`
|
||||
|
||||
Execute [`create-next-app`](https://github.com/zeit/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
|
||||
Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
|
||||
|
||||
```bash
|
||||
npm init next-app --example data-fetch data-fetch-app
|
||||
|
|
|
@ -13,7 +13,7 @@ function Index({ stars }) {
|
|||
}
|
||||
|
||||
export async function getStaticProps() {
|
||||
const res = await fetch('https://api.github.com/repos/zeit/next.js')
|
||||
const res = await fetch('https://api.github.com/repos/vercel/next.js')
|
||||
const json = await res.json()
|
||||
|
||||
return {
|
||||
|
|
|
@ -20,7 +20,7 @@ Deploy the example using [Vercel](https://vercel.com):
|
|||
|
||||
### Using `create-next-app`
|
||||
|
||||
Execute [`create-next-app`](https://github.com/zeit/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
|
||||
Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
|
||||
|
||||
```bash
|
||||
npm init next-app --example dynamic-routing dynamic-routing-app
|
||||
|
|
|
@ -6,7 +6,7 @@ This example shows the most basic idea behind Next. We have 2 pages: `pages/inde
|
|||
|
||||
### Using `create-next-app`
|
||||
|
||||
Execute [`create-next-app`](https://github.com/zeit/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
|
||||
Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
|
||||
|
||||
```bash
|
||||
npm init next-app --example gh-pages gh-pages-app
|
||||
|
@ -19,7 +19,7 @@ yarn create next-app --example gh-pages gh-pages-app
|
|||
Download the example:
|
||||
|
||||
```bash
|
||||
curl https://codeload.github.com/zeit/next.js/tar.gz/master | tar -xz --strip=2 next.js-master/examples/gh-pages
|
||||
curl https://codeload.github.com/vercel/next.js/tar.gz/master | tar -xz --strip=2 next.js-master/examples/gh-pages
|
||||
cd gh-pages
|
||||
```
|
||||
|
||||
|
|
|
@ -14,7 +14,7 @@ Deploy the example using [Vercel](https://vercel.com):
|
|||
|
||||
### Using `create-next-app`
|
||||
|
||||
Execute [`create-next-app`](https://github.com/zeit/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
|
||||
Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
|
||||
|
||||
```bash
|
||||
npm init next-app --example head-elements head-elements-app
|
||||
|
|
|
@ -12,7 +12,7 @@ Deploy the example using [Vercel](https://vercel.com):
|
|||
|
||||
### Using `create-next-app`
|
||||
|
||||
Execute [`create-next-app`](https://github.com/zeit/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
|
||||
Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
|
||||
|
||||
```bash
|
||||
npm init next-app --example hello-world hello-world-app
|
||||
|
|
|
@ -12,7 +12,7 @@ Deploy the example using [Vercel](https://vercel.com):
|
|||
|
||||
### Using `create-next-app`
|
||||
|
||||
Execute [`create-next-app`](https://github.com/zeit/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
|
||||
Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
|
||||
|
||||
```bash
|
||||
npm init next-app --example layout-component layout-component-app
|
||||
|
|
|
@ -12,7 +12,7 @@ Deploy the example using [Vercel](https://vercel.com):
|
|||
|
||||
### Using `create-next-app`
|
||||
|
||||
Execute [`create-next-app`](https://github.com/zeit/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
|
||||
Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
|
||||
|
||||
```bash
|
||||
npm init next-app --example nested-components nested-components-app
|
||||
|
|
Some files were not shown because too many files have changed in this diff Show more
Loading…
Reference in a new issue