+export default () => 
```
-_注意：不要自定义静态文件夹的名字，只能叫`static` ，因为只有这个名字 Next.js 才会把它当作静态资源。_
+_注意：不要自定义静态文件夹的名字，只能叫`public` ，因为只有这个名字 Next.js 才会把它当作静态资源。_
{children}
+ Hello World
+This is an AMP Story.
++ Best walk ever! +
+About
++ This is the about page, navigating between this page and Home is + always pretty fast. However, when you navigate to the Profile{' '} + page it takes more time because it uses SSR to fetch the user first; +
+Profile
+ +
+ 
+
+ Profile (server rendered)
+nickname: {user.nickname}
+name: {user.name}
+Next.js and Auth0 Example
+ + {loading &&Loading login info...
} + + {!loading && !user && ( + <> ++ To test the login click in Login +
++ Once you have logged in you should be able to click in{' '} + Profile and Logout +
+ + )} + + {user && ( + <> +Rendered user info on the client
+nickname: {user.nickname}
+name: {user.name}
+ + )} +Profile
+ +
+
+
+
+ )
+}
+
+function Profile () {
+ const { user, loading } = useFetchUser({ required: true })
+
+ return (
+ Profile (server rendered)
+nickname: {user.nickname}
+name: {user.name}
+-
-
- - - View Item - - -
-
- )
- }
-}
diff --git a/examples/pass-server-data/server.js b/examples/pass-server-data/server.js
deleted file mode 100644
index 77f7308e7cdeb..0000000000000
--- a/examples/pass-server-data/server.js
+++ /dev/null
@@ -1,39 +0,0 @@
-const express = require('express')
-const next = require('next')
-const api = require('./operations/get-item')
-
-const dev = process.env.NODE_ENV !== 'production'
-const app = next({ dev })
-const handle = app.getRequestHandler()
-
-app.prepare().then(() => {
- const server = express()
-
- // Set up home page as a simple render of the page.
- server.get('/', (req, res) => {
- console.log('Render home page')
- return app.render(req, res, '/', req.query)
- })
-
- // Serve the item webpage with next.js as the renderer
- server.get('/item', (req, res) => {
- const itemData = api.getItem()
- app.render(req, res, '/item', { itemData })
- })
-
- // When rendering client-side, we will request the same data from this route
- server.get('/_data/item', (req, res) => {
- const itemData = api.getItem()
- res.json(itemData)
- })
-
- // Fall-back on other next.js assets.
- server.get('*', (req, res) => {
- return handle(req, res)
- })
-
- server.listen(3000, err => {
- if (err) throw err
- console.log('> Ready on http://localhost:3000')
- })
-})
diff --git a/examples/progressive-render/README.md b/examples/progressive-render/README.md
index 54b82c3ac511b..75388c758a058 100644
--- a/examples/progressive-render/README.md
+++ b/examples/progressive-render/README.md
@@ -4,7 +4,7 @@
### Using `create-next-app`
-Execute [`create-next-app`](https://github.com/segmentio/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/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:
```bash
npx create-next-app --example progressive-render progressive-render-app
diff --git a/examples/shared-modules/README.md b/examples/shared-modules/README.md
index f474853a41ef4..476d845f2cf25 100644
--- a/examples/shared-modules/README.md
+++ b/examples/shared-modules/README.md
@@ -4,7 +4,7 @@
### Using `create-next-app`
-Execute [`create-next-app`](https://github.com/segmentio/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/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:
```bash
npx create-next-app --example shared-modules shared-modules-app
diff --git a/examples/ssr-caching/README.md b/examples/ssr-caching/README.md
index a82f05cd05255..6c0062850329d 100644
--- a/examples/ssr-caching/README.md
+++ b/examples/ssr-caching/README.md
@@ -4,7 +4,7 @@
### Using `create-next-app`
-Execute [`create-next-app`](https://github.com/segmentio/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/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:
```bash
npx create-next-app --example ssr-caching ssr-caching-app
diff --git a/examples/svg-components/README.md b/examples/svg-components/README.md
index a391eced9ba00..b418d2a4b2300 100644
--- a/examples/svg-components/README.md
+++ b/examples/svg-components/README.md
@@ -4,7 +4,7 @@
### Using `create-next-app`
-Execute [`create-next-app`](https://github.com/segmentio/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/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:
```bash
npx create-next-app --example svg-components svg-components-app
diff --git a/examples/using-inferno/README.md b/examples/using-inferno/README.md
deleted file mode 100644
index d139318f202b4..0000000000000
--- a/examples/using-inferno/README.md
+++ /dev/null
@@ -1,46 +0,0 @@
-# Hello World example
-
-## How to use
-
-### Using `create-next-app`
-
-Execute [`create-next-app`](https://github.com/segmentio/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 using-inferno using-inferno-app
-# or
-yarn create next-app --example using-inferno using-inferno-app
-```
-
-### Download manually
-
-Download the example:
-
-```bash
-curl https://codeload.github.com/zeit/next.js/tar.gz/canary | tar -xz --strip=2 next.js-canary/examples/using-inferno
-cd using-inferno
-```
-
-Install it and run:
-
-```bash
-npm install
-npm run dev
-# or
-yarn
-yarn dev
-```
-
-Deploy it to the cloud with [now](https://zeit.co/now) ([download](https://zeit.co/download))
-
-```bash
-now
-```
-
-## The idea behind the example
-
-This example uses [Inferno](https://github.com/infernojs/inferno), an insanely fast, 9kb React-like library for building high-performance user interfaces on both the client and server. Here we've customized Next.js to use Inferno instead of React.
-
-Here's how we did it:
-
-- Use `next.config.js` to customize our webpack config to support [inferno-compat](https://www.npmjs.com/package/inferno-compat)
diff --git a/examples/using-inferno/next.config.js b/examples/using-inferno/next.config.js
deleted file mode 100644
index 397231a23b943..0000000000000
--- a/examples/using-inferno/next.config.js
+++ /dev/null
@@ -1,15 +0,0 @@
-module.exports = {
- webpack: function (config, { dev }) {
- // For the development version, we'll use React.
- // Because, it support react hot loading and so on.
- if (dev) {
- return config
- }
-
- config.resolve.alias = {
- react: 'inferno-compat',
- 'react-dom': 'inferno-compat'
- }
- return config
- }
-}
diff --git a/examples/using-inferno/package.json b/examples/using-inferno/package.json
deleted file mode 100644
index 50688becd898a..0000000000000
--- a/examples/using-inferno/package.json
+++ /dev/null
@@ -1,19 +0,0 @@
-{
- "name": "using-inferno",
- "version": "1.0.0",
- "scripts": {
- "dev": "node server.js",
- "build": "next build",
- "start": "NODE_ENV=production node server.js"
- },
- "dependencies": {
- "inferno": "^1.4.0",
- "inferno-compat": "^1.4.0",
- "inferno-server": "^1.4.0",
- "module-alias": "^2.0.0",
- "next": "latest",
- "react": "^16.7.0",
- "react-dom": "^16.7.0"
- },
- "license": "MIT"
-}
diff --git a/examples/using-inferno/pages/about.js b/examples/using-inferno/pages/about.js
deleted file mode 100644
index f89b58022876e..0000000000000
--- a/examples/using-inferno/pages/about.js
+++ /dev/null
@@ -1,3 +0,0 @@
-import React from 'react'
-
-export default () =>
-
- Back Home
-
-
- {this.props.item.title}
-- {this.props.item.subtitle} - {this.props.item.seller} -
-About us
diff --git a/examples/using-inferno/pages/index.js b/examples/using-inferno/pages/index.js
deleted file mode 100644
index a136ee0b5a5fc..0000000000000
--- a/examples/using-inferno/pages/index.js
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from 'react'
-import Link from 'next/link'
-
-export default () => (
-
- Hello World.{' '}
-
- About
-
-
-)
diff --git a/examples/using-inferno/server.js b/examples/using-inferno/server.js
deleted file mode 100644
index 86b0cdcdee2f4..0000000000000
--- a/examples/using-inferno/server.js
+++ /dev/null
@@ -1,28 +0,0 @@
-const port = parseInt(process.env.PORT, 10) || 3000
-const dev = process.env.NODE_ENV !== 'production'
-const moduleAlias = require('module-alias')
-
-// For the development version, we'll use React.
-// Because, it support react hot loading and so on.
-if (!dev) {
- moduleAlias.addAlias('react', 'inferno-compat')
- moduleAlias.addAlias('react-dom/server', 'inferno-server')
- moduleAlias.addAlias('react-dom', 'inferno-compat')
-}
-
-const { createServer } = require('http')
-const { parse } = require('url')
-const next = require('next')
-
-const app = next({ dev })
-const handle = app.getRequestHandler()
-
-app.prepare().then(() => {
- createServer((req, res) => {
- const parsedUrl = parse(req.url, true)
- handle(req, res, parsedUrl)
- }).listen(port, err => {
- if (err) throw err
- console.log(`> Ready on http://localhost:${port}`)
- })
-})
diff --git a/examples/using-nerv/README.md b/examples/using-nerv/README.md
index 98c81e4a33980..544a6362c0567 100644
--- a/examples/using-nerv/README.md
+++ b/examples/using-nerv/README.md
@@ -4,7 +4,7 @@
### Using `create-next-app`
-Execute [`create-next-app`](https://github.com/segmentio/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/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:
```bash
npx create-next-app --example using-nerv using-nerv-app
diff --git a/examples/using-preact/README.md b/examples/using-preact/README.md
index 1a1fb024784ea..70e4d575474dc 100644
--- a/examples/using-preact/README.md
+++ b/examples/using-preact/README.md
@@ -1,10 +1,10 @@
-# Hello World example
+# Preact example
## How to use
### Using `create-next-app`
-Execute [`create-next-app`](https://github.com/segmentio/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/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:
```bash
npx create-next-app --example using-preact using-preact-app
@@ -43,4 +43,5 @@ This example uses [Preact](https://github.com/developit/preact) instead of React
Here's how we did it:
-- Use `next.config.js` to customize our webpack config to support [preact-compat](https://github.com/developit/preact-compat)
+- Use `next.config.js` to customize our webpack config by aliasing React to `preact/compat`
+- Use `server.js` to make our server use Preact by aliasing React to `preact/compat`
diff --git a/examples/using-preact/next.config.js b/examples/using-preact/next.config.js
index 2299135708cd9..8f9129a8294b5 100644
--- a/examples/using-preact/next.config.js
+++ b/examples/using-preact/next.config.js
@@ -1,3 +1,13 @@
-const withPreact = require('@zeit/next-preact')
+module.exports = {
+ webpack: function (config) {
+ config.resolve.alias = {
+ ...config.resolve.alias,
+ react: 'preact/compat',
+ react$: 'preact/compat',
+ 'react-dom': 'preact/compat',
+ 'react-dom$': 'preact/compat'
+ }
-module.exports = withPreact()
+ return config
+ }
+}
diff --git a/examples/using-preact/package.json b/examples/using-preact/package.json
index b2b606c973e73..c9f1e1c54cb2d 100644
--- a/examples/using-preact/package.json
+++ b/examples/using-preact/package.json
@@ -7,10 +7,14 @@
"start": "NODE_ENV=production node server.js"
},
"dependencies": {
- "@zeit/next-preact": "0.1.0",
+ "module-alias": "2.2.2",
"next": "latest",
- "preact": "8.2.7",
- "preact-compat": "3.18.0"
+ "preact": "10.0.0",
+ "preact-render-to-string": "5.0.7"
},
- "license": "ISC"
+ "license": "ISC",
+ "devDependencies": {
+ "react": "16.10.2",
+ "react-dom": "16.10.2"
+ }
}
diff --git a/examples/using-preact/server.js b/examples/using-preact/server.js
index 638a516a4da29..cfb3cc5c04b0a 100644
--- a/examples/using-preact/server.js
+++ b/examples/using-preact/server.js
@@ -1,7 +1,11 @@
const port = parseInt(process.env.PORT, 10) || 3000
const dev = process.env.NODE_ENV !== 'production'
+const moduleAlias = require('module-alias')
-require('@zeit/next-preact/alias')()
+moduleAlias.addAliases({
+ react: 'preact/compat',
+ 'react-dom': 'preact/compat'
+})
const { createServer } = require('http')
const { parse } = require('url')
diff --git a/examples/using-router/README.md b/examples/using-router/README.md
index 9771c0c1227e4..36a36ab2579d4 100644
--- a/examples/using-router/README.md
+++ b/examples/using-router/README.md
@@ -4,7 +4,7 @@
### Using `create-next-app`
-Execute [`create-next-app`](https://github.com/segmentio/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/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:
```bash
npx create-next-app --example using-router using-router-app
diff --git a/examples/using-with-router/README.md b/examples/using-with-router/README.md
index 3c365bc505e4b..a00a819f09598 100644
--- a/examples/using-with-router/README.md
+++ b/examples/using-with-router/README.md
@@ -4,7 +4,7 @@
### Using `create-next-app`
-Execute [`create-next-app`](https://github.com/segmentio/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/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:
```bash
npx create-next-app --example using-with-router using-with-router-app
diff --git a/examples/with-absolute-imports/README.md b/examples/with-absolute-imports/README.md
index cd70d29588293..7cc1d0c5d883f 100644
--- a/examples/with-absolute-imports/README.md
+++ b/examples/with-absolute-imports/README.md
@@ -4,7 +4,7 @@
### Using `create-next-app`
-Execute [`create-next-app`](https://github.com/segmentio/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/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:
```bash
npx create-next-app --example with-absolute-imports with-absolute-imports-app
diff --git a/examples/with-algolia-react-instantsearch/README.md b/examples/with-algolia-react-instantsearch/README.md
index 4f7b55b744a8f..bedde44192adb 100644
--- a/examples/with-algolia-react-instantsearch/README.md
+++ b/examples/with-algolia-react-instantsearch/README.md
@@ -4,7 +4,7 @@
### Using `create-next-app`
-Execute [`create-next-app`](https://github.com/segmentio/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/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:
```bash
npx create-next-app --example with-algolia-react-instantsearch with-algolia-react-instantsearch-app
diff --git a/examples/with-algolia-react-instantsearch/components/head.js b/examples/with-algolia-react-instantsearch/components/head.js
index 9051c725c84fa..a6cdb2da6c10a 100644
--- a/examples/with-algolia-react-instantsearch/components/head.js
+++ b/examples/with-algolia-react-instantsearch/components/head.js
@@ -18,7 +18,6 @@ export const Head = props => (
-
ABOUT
+Counter: {count}
+ + ++ + Home + +
+ + ) } + +export default AboutPage diff --git a/examples/with-context-api/pages/index.js b/examples/with-context-api/pages/index.js index c0511575d49b5..c047908819e55 100644 --- a/examples/with-context-api/pages/index.js +++ b/examples/with-context-api/pages/index.js @@ -1,27 +1,33 @@ -import React, { Component } from 'react' +import React from 'react' import Link from 'next/link' -/* First we import the consumer */ -import { CounterConsumer } from '../components/CounterProvider' +import { useCount, useDispatchCount } from '../components/Counter' -export default class index extends Component { - render () { - return ( - /* Then we use our context through render props */ -HOME
+Counter: {count}
+ + ++ + About + +
+ + ) } + +export default IndexPage diff --git a/examples/with-cookie-auth/README.md b/examples/with-cookie-auth/README.md index 616ff4c0a95dd..a41cd5452ba2e 100644 --- a/examples/with-cookie-auth/README.md +++ b/examples/with-cookie-auth/README.md @@ -4,7 +4,7 @@ ### Using `create-next-app` -Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example: +Download [`create-next-app`](https://github.com/zeit/next.js/tree/canary/packages/create-next-app) to bootstrap the example: ``` npm i -g create-next-app diff --git a/examples/with-custom-babel-config/README.md b/examples/with-custom-babel-config/README.md index e4d84238e1261..d8120318f3b41 100644 --- a/examples/with-custom-babel-config/README.md +++ b/examples/with-custom-babel-config/README.md @@ -4,7 +4,7 @@ ### Using `create-next-app` -Execute [`create-next-app`](https://github.com/segmentio/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/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: ```bash npx create-next-app --example with-custom-babel-config with-custom-babel-config-app diff --git a/examples/with-custom-reverse-proxy/README.md b/examples/with-custom-reverse-proxy/README.md index a520c4af9f455..70323218f2f14 100644 --- a/examples/with-custom-reverse-proxy/README.md +++ b/examples/with-custom-reverse-proxy/README.md @@ -4,7 +4,7 @@ ### Using `create-next-app` -Execute [`create-next-app`](https://github.com/segmentio/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/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: ```bash npx create-next-app --example with-custom-reverse-proxy with-custom-reverse-proxy-app diff --git a/examples/with-cxs/README.md b/examples/with-cxs/README.md index 09458bf7380ce..9fdb2392affbc 100644 --- a/examples/with-cxs/README.md +++ b/examples/with-cxs/README.md @@ -4,7 +4,7 @@ ### Using `create-next-app` -Execute [`create-next-app`](https://github.com/segmentio/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/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: ```bash npx create-next-app --example with-cxs with-cxs-app diff --git a/examples/with-data-prefetch/README.md b/examples/with-data-prefetch/README.md index 26bedd163050d..ff07117444035 100644 --- a/examples/with-data-prefetch/README.md +++ b/examples/with-data-prefetch/README.md @@ -4,7 +4,7 @@ ### Using `create-next-app` -Execute [`create-next-app`](https://github.com/segmentio/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/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: ```bash npx create-next-app --example with-data-prefetch with-data-prefetch-app diff --git a/examples/with-docker/README.md b/examples/with-docker/README.md index bd1ef19113f56..ae18ad304f9e3 100644 --- a/examples/with-docker/README.md +++ b/examples/with-docker/README.md @@ -4,7 +4,7 @@ ### Using `create-next-app` -Execute [`create-next-app`](https://github.com/segmentio/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/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: ```bash npx create-next-app --example with-docker with-docker-app diff --git a/examples/with-dotenv/README.md b/examples/with-dotenv/README.md index 3127b598a70e8..6ec6626115068 100644 --- a/examples/with-dotenv/README.md +++ b/examples/with-dotenv/README.md @@ -4,7 +4,7 @@ ### Using `create-next-app` -Execute [`create-next-app`](https://github.com/segmentio/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/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: ```bash npx create-next-app --example with-dotenv with-dotenv-app diff --git a/examples/with-draft-js/README.md b/examples/with-draft-js/README.md index 8baaa3d45d4fc..7c4a018fea52d 100644 --- a/examples/with-draft-js/README.md +++ b/examples/with-draft-js/README.md @@ -4,7 +4,7 @@ ### Using `create-next-app` -Execute [`create-next-app`](https://github.com/segmentio/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/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: ```bash npx create-next-app --example with-draft-js diff --git a/examples/with-dynamic-app-layout/readme.md b/examples/with-dynamic-app-layout/readme.md index d97f911887ed8..4b3155d307408 100644 --- a/examples/with-dynamic-app-layout/readme.md +++ b/examples/with-dynamic-app-layout/readme.md @@ -4,7 +4,7 @@ ### Using `create-next-app` -Execute [`create-next-app`](https://github.com/segmentio/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/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: ```bash npx create-next-app --example with-dynamic-app-layout with-dynamic-app-layout-app diff --git a/examples/with-dynamic-import/README.md b/examples/with-dynamic-import/README.md index 356cc3459f05e..82134931f2744 100644 --- a/examples/with-dynamic-import/README.md +++ b/examples/with-dynamic-import/README.md @@ -4,7 +4,7 @@ ### Using `create-next-app` -Execute [`create-next-app`](https://github.com/segmentio/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/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: ```bash npx create-next-app --example with-dynamic-import with-dynamic-import-app diff --git a/examples/with-electron-typescript/README.md b/examples/with-electron-typescript/README.md index d1b12af4f90ab..cacc6b8bf7d35 100644 --- a/examples/with-electron-typescript/README.md +++ b/examples/with-electron-typescript/README.md @@ -6,7 +6,7 @@ ### Using `create-next-app` -Execute [`create-next-app`](https://github.com/segmentio/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/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: ```bash npx create-next-app --example with-electron-typescript with-electron-typescript-app diff --git a/examples/with-electron/README.md b/examples/with-electron/README.md index 7f392cac21ef3..79c1ff2c1ea24 100644 --- a/examples/with-electron/README.md +++ b/examples/with-electron/README.md @@ -6,7 +6,7 @@ ### Using `create-next-app` -Execute [`create-next-app`](https://github.com/segmentio/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/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: ```bash npx create-next-app --example with-electron with-electron-app diff --git a/examples/with-emotion-fiber/README.md b/examples/with-emotion-fiber/README.md index 364fc921e2e7e..a4466b4068c6d 100644 --- a/examples/with-emotion-fiber/README.md +++ b/examples/with-emotion-fiber/README.md @@ -4,7 +4,7 @@ ### Using `create-next-app` -Execute [`create-next-app`](https://github.com/segmentio/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/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: ```bash npx create-next-app --example with-emotion-fiber with-emotion-fiber-app diff --git a/examples/with-emotion/README.md b/examples/with-emotion/README.md index f62b3b417de2f..93ab2cbe513b6 100644 --- a/examples/with-emotion/README.md +++ b/examples/with-emotion/README.md @@ -4,7 +4,7 @@ ### Using `create-next-app` -Execute [`create-next-app`](https://github.com/segmentio/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/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: ```bash npx create-next-app --example with-emotion with-emotion-app diff --git a/examples/with-env-from-next-config-js/README.md b/examples/with-env-from-next-config-js/README.md index d44e11c359534..899c196e28080 100644 --- a/examples/with-env-from-next-config-js/README.md +++ b/examples/with-env-from-next-config-js/README.md @@ -4,7 +4,7 @@ ### Using `create-next-app` -Execute [`create-next-app`](https://github.com/segmentio/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/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: ```bash npx create-next-app --example with-env-from-next-config-app diff --git a/examples/with-external-styled-jsx-sass/README.md b/examples/with-external-styled-jsx-sass/README.md index 81b938d310b43..9e14442f9d7dd 100644 --- a/examples/with-external-styled-jsx-sass/README.md +++ b/examples/with-external-styled-jsx-sass/README.md @@ -4,7 +4,7 @@ ### Using `create-next-app` -Execute [`create-next-app`](https://github.com/segmentio/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/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: ```bash npx create-next-app --example with-external-styled-jsx-sass with-external-styled-jsx-sass-app diff --git a/examples/with-fela/README.md b/examples/with-fela/README.md index 937f4f3d0dd5a..fb7013ee111a5 100755 --- a/examples/with-fela/README.md +++ b/examples/with-fela/README.md @@ -4,7 +4,7 @@ ### Using `create-next-app` -Execute [`create-next-app`](https://github.com/segmentio/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/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: ```bash npx create-next-app --example with-fela with-fela-app diff --git a/examples/with-firebase-authentication/README.md b/examples/with-firebase-authentication/README.md index 601f9d8920977..e7b3feda64e0e 100644 --- a/examples/with-firebase-authentication/README.md +++ b/examples/with-firebase-authentication/README.md @@ -4,7 +4,7 @@ ### Using `create-next-app` -Execute [`create-next-app`](https://github.com/segmentio/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/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: ```bash npx create-next-app --example with-firebase-authentication with-firebase-authentication-app diff --git a/examples/with-firebase-hosting-and-docker/README.md b/examples/with-firebase-hosting-and-docker/README.md index 50e2586310c9e..ce4761e158049 100644 --- a/examples/with-firebase-hosting-and-docker/README.md +++ b/examples/with-firebase-hosting-and-docker/README.md @@ -4,7 +4,7 @@ ### Using `create-next-app` -Execute [`create-next-app`](https://github.com/segmentio/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/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: ```bash npx create-next-app --example with-firebase-hosting-and-docker with-firebase-hosting-and-docker-app diff --git a/examples/with-firebase-hosting-and-typescript/README.md b/examples/with-firebase-hosting-and-typescript/README.md index 35a191813cb1b..2b6df506b9aa2 100644 --- a/examples/with-firebase-hosting-and-typescript/README.md +++ b/examples/with-firebase-hosting-and-typescript/README.md @@ -4,7 +4,7 @@ ### Using `create-next-app` -Execute [`create-next-app`](https://github.com/segmentio/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/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: ```bash npx create-next-app --example with-firebase-hosting-and-typescript with-firebase-hosting-and-typescript-app diff --git a/examples/with-firebase-hosting/README.md b/examples/with-firebase-hosting/README.md index 13bb7feb5e442..3c3f89559677e 100644 --- a/examples/with-firebase-hosting/README.md +++ b/examples/with-firebase-hosting/README.md @@ -4,7 +4,7 @@ **Using `create-next-app`** -Execute [`create-next-app`](https://github.com/segmentio/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/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: ```bash npx create-next-app --example with-firebase-hosting with-firebase-hosting-app diff --git a/examples/with-flow/README.md b/examples/with-flow/README.md index ab1349e3ff94c..9e9ef5d7031bf 100644 --- a/examples/with-flow/README.md +++ b/examples/with-flow/README.md @@ -4,7 +4,7 @@ ### Using `create-next-app` -Execute [`create-next-app`](https://github.com/segmentio/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/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: ```bash npx create-next-app --example with-flow with-flow-app diff --git a/examples/with-freactal/README.md b/examples/with-freactal/README.md index 8f9c1f777985c..2460c17458530 100644 --- a/examples/with-freactal/README.md +++ b/examples/with-freactal/README.md @@ -4,7 +4,7 @@ ### Using `create-next-app` -Execute [`create-next-app`](https://github.com/segmentio/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/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: ```bash npx create-next-app --example with-freactal with-freactal-app diff --git a/examples/with-glamor/README.md b/examples/with-glamor/README.md index bbff0f9d90d9f..dc833821cb2fd 100644 --- a/examples/with-glamor/README.md +++ b/examples/with-glamor/README.md @@ -4,7 +4,7 @@ ### Using `create-next-app` -Execute [`create-next-app`](https://github.com/segmentio/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/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: ```bash npx create-next-app --example with-glamor with-glamor-app diff --git a/examples/with-glamorous/README.md b/examples/with-glamorous/README.md index fd4386babe80c..1b9a02340bb9e 100644 --- a/examples/with-glamorous/README.md +++ b/examples/with-glamorous/README.md @@ -6,7 +6,7 @@ ### Using `create-next-app` -Execute [`create-next-app`](https://github.com/segmentio/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/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: ```bash npx create-next-app --example with-glamorous with-glamorous-app diff --git a/examples/with-google-analytics/README.md b/examples/with-google-analytics/README.md index 69298c873e0bc..2c3982b5fbe4b 100644 --- a/examples/with-google-analytics/README.md +++ b/examples/with-google-analytics/README.md @@ -4,7 +4,7 @@ ### Using `create-next-app` -Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example: +Execute [`create-next-app`](https://github.com/zeit/next.js/tree/canary/packages/create-next-app) to bootstrap the example: ```bash npx create-next-app --example with-google-analytics with-google-analytics-app diff --git a/examples/with-graphql-hooks/README.md b/examples/with-graphql-hooks/README.md index accc427da7a3d..55b063087eaad 100644 --- a/examples/with-graphql-hooks/README.md +++ b/examples/with-graphql-hooks/README.md @@ -10,7 +10,7 @@ https://next-with-graphql-hooks.now.sh ### Using `create-next-app` -Execute [`create-next-app`](https://github.com/segmentio/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/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: ```bash npx create-next-app --example with-graphql-hooks with-graphql-hooks-app diff --git a/examples/with-grommet/README.md b/examples/with-grommet/README.md index 1cf03b4bbdcf5..f69a02aff2a3a 100644 --- a/examples/with-grommet/README.md +++ b/examples/with-grommet/README.md @@ -4,7 +4,7 @@ ### Using `create-next-app` -Execute [`create-next-app`](https://github.com/segmentio/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/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: ```bash npx create-next-app --example with-grommet with-grommet-app diff --git a/examples/with-hashed-statics/README.md b/examples/with-hashed-statics/README.md index f4d561f389e05..2a719ae8fa640 100644 --- a/examples/with-hashed-statics/README.md +++ b/examples/with-hashed-statics/README.md @@ -4,7 +4,7 @@ ### Using `create-next-app` -Execute [`create-next-app`](https://github.com/segmentio/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/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: ```bash npx create-next-app --example with-hashed-statics with-hashed-statics-app diff --git a/examples/with-higher-order-component/README.md b/examples/with-higher-order-component/README.md index c9b5269ad2256..fb1b136c78c75 100644 --- a/examples/with-higher-order-component/README.md +++ b/examples/with-higher-order-component/README.md @@ -4,7 +4,7 @@ ### Using `create-next-app` -Download [`create-next-app`](https://github.com/segmentio/create-next-app) to +Execute [`create-next-app`](https://github.com/zeit/next.js/tree/canary/packages/create-next-app) to bootstrap the example: ```bash diff --git a/examples/with-http2/README.md b/examples/with-http2/README.md index a40282086b1fb..efce7b7cf3b54 100644 --- a/examples/with-http2/README.md +++ b/examples/with-http2/README.md @@ -4,7 +4,7 @@ ### Using `create-next-app` -Execute [`create-next-app`](https://github.com/segmentio/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/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: ```bash npx create-next-app --example with-http2 with-http2-app diff --git a/examples/with-immutable-redux-wrapper/README.md b/examples/with-immutable-redux-wrapper/README.md index d4de2196fdaf9..7fdf1902a58cb 100644 --- a/examples/with-immutable-redux-wrapper/README.md +++ b/examples/with-immutable-redux-wrapper/README.md @@ -1,12 +1,12 @@ # Immutable Redux Example -> This example and documentation is based on the [with-redux](https://github.com/zeit/next.js/tree/master/examples/with-redux) example. +> This example and documentation is based on the [with-redux-wrapper](https://github.com/zeit/next.js/tree/master/examples/with-redux-wrapper) example. ## How to use ### Using `create-next-app` -Execute [`create-next-app`](https://github.com/segmentio/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/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: ```bash npx create-next-app --example with-immutable-redux-wrapper with-immutable-redux-wrapper-app diff --git a/examples/with-immutable-redux-wrapper/package.json b/examples/with-immutable-redux-wrapper/package.json index 6680fe1e33d64..0077829e4eba7 100644 --- a/examples/with-immutable-redux-wrapper/package.json +++ b/examples/with-immutable-redux-wrapper/package.json @@ -9,7 +9,7 @@ "dependencies": { "immutable": "4.0.0-rc.9", "next": "latest", - "next-redux-wrapper": "2.0.0-beta.6", + "next-redux-wrapper": "4.0.1", "react": "^16.7.0", "react-dom": "^16.7.0", "react-redux": "^5.0.1", diff --git a/examples/with-ioc/README.md b/examples/with-ioc/README.md index f540b48bf3296..b8b2fc2252099 100644 --- a/examples/with-ioc/README.md +++ b/examples/with-ioc/README.md @@ -4,7 +4,7 @@ ### Using `create-next-app` -Execute [`create-next-app`](https://github.com/segmentio/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/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: ```bash npx create-next-app --example with-ioc with-ioc-app diff --git a/examples/with-jest-flow/README.md b/examples/with-jest-flow/README.md index f1387a0d0f53b..f6ad8dee410db 100644 --- a/examples/with-jest-flow/README.md +++ b/examples/with-jest-flow/README.md @@ -4,7 +4,7 @@ ### Using `create-next-app` -Execute [`create-next-app`](https://github.com/segmentio/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/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: ```bash npx create-next-app --example with-jest-flow with-jest-flow-app diff --git a/examples/with-jest-react-testing-library/README.md b/examples/with-jest-react-testing-library/README.md index a0010e4816d2d..788d96f746335 100644 --- a/examples/with-jest-react-testing-library/README.md +++ b/examples/with-jest-react-testing-library/README.md @@ -4,7 +4,7 @@ ### Using `create-next-app` -Execute [`create-next-app`](https://github.com/segmentio/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/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: ```bash npx create-next-app --example with-jest-react-testing-library with-rtl-app diff --git a/examples/with-jest-typescript/README.md b/examples/with-jest-typescript/README.md index b308b367f2c51..0bb7ac9611ae7 100644 --- a/examples/with-jest-typescript/README.md +++ b/examples/with-jest-typescript/README.md @@ -4,7 +4,7 @@ ### Using `create-next-app` -Execute [`create-next-app`](https://github.com/segmentio/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/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: ```bash npx create-next-app --example with-jest-typescript with-jest-typescript-app diff --git a/examples/with-jest/README.md b/examples/with-jest/README.md index 69771ad5669c3..b8fdadb096775 100644 --- a/examples/with-jest/README.md +++ b/examples/with-jest/README.md @@ -4,7 +4,7 @@ ### Using `create-next-app` -Execute [`create-next-app`](https://github.com/segmentio/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/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: ```bash npx create-next-app --example with-jest with-jest-app diff --git a/examples/with-kea/README.md b/examples/with-kea/README.md index 10b85d8659eef..70bc8c1150351 100644 --- a/examples/with-kea/README.md +++ b/examples/with-kea/README.md @@ -4,7 +4,7 @@ ### Using `create-next-app` -Execute [`create-next-app`](https://github.com/segmentio/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/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: ```bash npx create-next-app --example with-kea with-kea-app diff --git a/examples/with-linaria/README.md b/examples/with-linaria/README.md index 49fce57a0f2fc..d015858f35e57 100644 --- a/examples/with-linaria/README.md +++ b/examples/with-linaria/README.md @@ -4,7 +4,7 @@ ### Using `create-next-app` -Execute [`create-next-app`](https://github.com/segmentio/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/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: ```bash npx create-next-app --example with-linaria with-linaria-app diff --git a/examples/with-lingui/README.md b/examples/with-lingui/README.md index 92c7eef45a7c8..92406b0d41d98 100644 --- a/examples/with-lingui/README.md +++ b/examples/with-lingui/README.md @@ -4,7 +4,7 @@ ### Using `create-next-app` -Execute [`create-next-app`](https://github.com/segmentio/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/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: ```bash npx create-next-app --example with-lingui with-lingui-app diff --git a/examples/with-loading/README.md b/examples/with-loading/README.md index ee5c28452d40e..c7150303037e9 100644 --- a/examples/with-loading/README.md +++ b/examples/with-loading/README.md @@ -4,7 +4,7 @@ ### Using `create-next-app` -Execute [`create-next-app`](https://github.com/segmentio/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/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: ```bash npx create-next-app --example with-loading with-loading-app diff --git a/examples/with-loading/pages/_app.js b/examples/with-loading/pages/_app.js index 9ac9e58343d7b..5cb5ecc33b7e6 100644 --- a/examples/with-loading/pages/_app.js +++ b/examples/with-loading/pages/_app.js @@ -19,7 +19,7 @@ export default class MyApp extends App { <> {/* Import CSS for nprogress */} - + - - -noscript
+Disable JavaScript to see it in action:
-class Index extends React.Component { - static getInitialProps (context) { - const { isServer } = context - return { isServer } - } - render () { - return ( -
- {images.map((item, index) => (
-
- )
- }
-}
+
-
- 
-
-
-
- ))}
- -export default Index + + + ) +} diff --git a/examples/with-noscript/static/img/angular.jpg b/examples/with-noscript/static/img/angular.jpg deleted file mode 100644 index 9b5e5b2051908..0000000000000 Binary files a/examples/with-noscript/static/img/angular.jpg and /dev/null differ diff --git a/examples/with-noscript/static/img/nextjs.png b/examples/with-noscript/static/img/nextjs.png deleted file mode 100644 index c77b0934ca371..0000000000000 Binary files a/examples/with-noscript/static/img/nextjs.png and /dev/null differ diff --git a/examples/with-noscript/static/img/reactjs.png b/examples/with-noscript/static/img/reactjs.png deleted file mode 100644 index 182beec51f335..0000000000000 Binary files a/examples/with-noscript/static/img/reactjs.png and /dev/null differ diff --git a/examples/with-noscript/static/img/vuejs.png b/examples/with-noscript/static/img/vuejs.png deleted file mode 100644 index 74389d8ca0825..0000000000000 Binary files a/examples/with-noscript/static/img/vuejs.png and /dev/null differ diff --git a/examples/with-now-env/README.md b/examples/with-now-env/README.md index d2ca4b0b072e0..8cc5955352e80 100644 --- a/examples/with-now-env/README.md +++ b/examples/with-now-env/README.md @@ -4,7 +4,7 @@ ### Using `create-next-app` -Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example: +Execute [`create-next-app`](https://github.com/zeit/next.js/tree/canary/packages/create-next-app) to bootstrap the example: ```bash npx create-next-app --example with-now-env with-now-env-app diff --git a/examples/with-office-ui-fabric-react/README.md b/examples/with-office-ui-fabric-react/README.md index 49ca09cbb5bc3..55d671b5565b8 100644 --- a/examples/with-office-ui-fabric-react/README.md +++ b/examples/with-office-ui-fabric-react/README.md @@ -4,7 +4,7 @@ ### Using `create-next-app` -Execute [`create-next-app`](https://github.com/segmentio/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/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: ```bash npx create-next-app --example with-office-ui-fabric-react with-office-ui-fabric-react-app diff --git a/examples/with-orbit-components/README.md b/examples/with-orbit-components/README.md index f39358dd8cf08..3014ca4dd3a03 100644 --- a/examples/with-orbit-components/README.md +++ b/examples/with-orbit-components/README.md @@ -4,7 +4,7 @@ ### Using `create-next-app` -Execute [`create-next-app`](https://github.com/segmentio/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/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: ```bash npx create-next-app --example with-orbit-components with-orbit-components-app diff --git a/examples/with-overmind/README.md b/examples/with-overmind/README.md index e02f0fdbf7d62..60a21eb763ffe 100644 --- a/examples/with-overmind/README.md +++ b/examples/with-overmind/README.md @@ -4,7 +4,7 @@ ### Using `create-next-app` -Execute [`create-next-app`](https://github.com/segmentio/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/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: ```bash npx create-next-app --example with-overmind with-overmind-app diff --git a/examples/with-pkg/README.md b/examples/with-pkg/README.md index f8fb85eaa6a2b..4db5f0fd4c8b2 100644 --- a/examples/with-pkg/README.md +++ b/examples/with-pkg/README.md @@ -4,7 +4,7 @@ ### Using `create-next-app` -Execute [`create-next-app`](https://github.com/segmentio/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/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: ```bash npx create-next-app --example with-pkg with-pkg-app diff --git a/examples/with-polyfills/README.md b/examples/with-polyfills/README.md index 19f589f1e995d..633ff72cc53c2 100644 --- a/examples/with-polyfills/README.md +++ b/examples/with-polyfills/README.md @@ -4,7 +4,7 @@ ### Using `create-next-app` -Execute [`create-next-app`](https://github.com/segmentio/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/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: ```bash npx create-next-app --example with-polyfills with-polyfills-app diff --git a/examples/with-portals-ssr/README.md b/examples/with-portals-ssr/README.md index 1a22ba15d1175..074428f08caa9 100644 --- a/examples/with-portals-ssr/README.md +++ b/examples/with-portals-ssr/README.md @@ -4,7 +4,7 @@ ### Using `create-next-app` -Execute [`create-next-app`](https://github.com/segmentio/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/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: ```bash npx create-next-app --example with-portals-ssr with-portals-ssr diff --git a/examples/with-portals/README.md b/examples/with-portals/README.md index 982d0a093e486..3d1b207db06cb 100644 --- a/examples/with-portals/README.md +++ b/examples/with-portals/README.md @@ -4,7 +4,7 @@ ### Using `create-next-app` -Execute [`create-next-app`](https://github.com/segmentio/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/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: ```bash npx create-next-app --example with-portals with-portals-app diff --git a/examples/with-portals/components/ClientOnlyPortal.js b/examples/with-portals/components/ClientOnlyPortal.js new file mode 100644 index 0000000000000..a2379d87ff709 --- /dev/null +++ b/examples/with-portals/components/ClientOnlyPortal.js @@ -0,0 +1,14 @@ +import { useRef, useEffect, useState } from 'react' +import { createPortal } from 'react-dom' + +export default function ClientOnlyPortal ({ children, selector }) { + const ref = useRef() + const [mounted, setMounted] = useState(false) + + useEffect(() => { + ref.current = document.querySelector(selector) + setMounted(true) + }, []) + + return mounted ? createPortal(children, ref.current) : null +} diff --git a/examples/with-portals/components/Modal.js b/examples/with-portals/components/Modal.js index b50e84731ab0e..27817fc4caf72 100644 --- a/examples/with-portals/components/Modal.js +++ b/examples/with-portals/components/Modal.js @@ -1,68 +1,56 @@ -import * as React from 'react' +import React, { useState } from 'react' +import ClientOnlyPortal from './ClientOnlyPortal' -import { Portal } from './Portal' +export default function Modal () { + const [open, setOpen] = useState() -export class Modal extends React.Component { - constructor () { - super(...arguments) - this.state = { opened: false } - } - - open = () => { - this.setState({ opened: true }) - } - - close = () => { - this.setState({ opened: false }) - } + return ( +
+
-
- )}
-
+
+
-
- + This modal is rendered using{' '} + + portals + + . +
+ +
- {/* Prefetch using the declarative API */}
-
- Home
-
-
-
- Features
-
-
- {/* we imperatively prefetch on hover */}
-
- {
- Router.prefetch('/about')
- console.log('prefetching /about!')
- }}
- >
- About
-
-
-
-
-
- Contact (NO-PREFETCHING)
-
-
-
-
-
-)
diff --git a/examples/with-prefetching/components/Nav.js b/examples/with-prefetching/components/Nav.js
new file mode 100644
index 0000000000000..03a8f1eba9064
--- /dev/null
+++ b/examples/with-prefetching/components/Nav.js
@@ -0,0 +1,47 @@
+import Link from 'next/link'
+import { useRouter } from 'next/router'
+
+export default function Nav () {
+ const router = useRouter()
+ return (
+
+
+ )
+}
diff --git a/examples/with-prefetching/pages/_app.js b/examples/with-prefetching/pages/_app.js
index 60b62e6f16fda..f0d5973af8cd2 100644
--- a/examples/with-prefetching/pages/_app.js
+++ b/examples/with-prefetching/pages/_app.js
@@ -1,23 +1,13 @@
import App from 'next/app'
import React from 'react'
-import Header from '../components/Header'
+import Nav from '../components/Nav'
export default class MyApp extends App {
- static async getInitialProps ({ Component, router, ctx }) {
- let pageProps = {}
-
- if (Component.getInitialProps) {
- pageProps = await Component.getInitialProps(ctx)
- }
-
- return { pageProps }
- }
-
render () {
const { Component, pageProps } = this.props
return (
<>
- Default
++ Automatically prefetch pages in the background as soon the Link appears + in the view: +
+ + Home + {' '} + + Features + +Imperative
+Prefetch on onMouseEnter or on other events:
+ + { + router.prefetch('/about') + console.log('prefetching /about!') + }} + > + About + + +Disable
+Disable prefetching
+ + Contact + + +This is the ABOUT page.
+export default () =>This is the ABOUT page.
diff --git a/examples/with-prefetching/pages/contact.js b/examples/with-prefetching/pages/contact.js index 2932f6cbd8b55..0bc89f9b3fe9d 100644 --- a/examples/with-prefetching/pages/contact.js +++ b/examples/with-prefetching/pages/contact.js @@ -1 +1 @@ -export default () =>This is the CONTACT page.
+export default () =>This is the CONTACT page.
diff --git a/examples/with-prefetching/pages/features.js b/examples/with-prefetching/pages/features.js index dc59e799c9f7d..1782964a1f88d 100644 --- a/examples/with-prefetching/pages/features.js +++ b/examples/with-prefetching/pages/features.js @@ -1 +1 @@ -export default () =>This is the FEATURES page.
+export default () =>This is the FEATURES page.
diff --git a/examples/with-prefetching/pages/index.js b/examples/with-prefetching/pages/index.js index b2c6ebfcd4725..a97e0482d792b 100644 --- a/examples/with-prefetching/pages/index.js +++ b/examples/with-prefetching/pages/index.js @@ -1 +1 @@ -export default () =>This is the HOME page
+export default () =>This is the HOME page
diff --git a/examples/with-pretty-url-routing/README.md b/examples/with-pretty-url-routing/README.md index 8d19361f679fe..f5b16f2c6a44b 100644 --- a/examples/with-pretty-url-routing/README.md +++ b/examples/with-pretty-url-routing/README.md @@ -4,7 +4,7 @@ ### Using `create-next-app` -Execute [`create-next-app`](https://github.com/segmentio/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/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: ```bash npx create-next-app --example with-pretty-url-routing with-pretty-url-routing-app diff --git a/examples/with-quill-js/README.md b/examples/with-quill-js/README.md new file mode 100644 index 0000000000000..8394628b404df --- /dev/null +++ b/examples/with-quill-js/README.md @@ -0,0 +1,44 @@ +# Quilljs editor Example + +## How to use + +### 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: + +```bash +npx create-next-app --example with-quill-js with-quill-js-app +# or +yarn create next-app --example with-quill-js with-quill-js-app +``` + +### Download manually + +Download the example: + +```bash +curl https://codeload.github.com/zeit/next.js/tar.gz/canary | tar -xz --strip=2 next.js-canary/examples/with-quill-js +cd with-quill-js +``` + +Install it and run: + +```bash +npm install +npm run dev +# or +yarn +yarn dev +``` + +Deploy it to the cloud with [now](https://zeit.co/now) ([download](https://zeit.co/download)): + +```bash +now +``` + +## The idea behind the example + +[Quill](https://quilljs.com/) is powerful rich text editor. This example uses [react-quill](https://github.com/zenoamaro/react-quill) to integrate Quill with Next.js. + +Quill does not suppport SSR, so it's only loaded and rendered in the browser. diff --git a/examples/with-quill-js/next.config.js b/examples/with-quill-js/next.config.js new file mode 100644 index 0000000000000..f0a6e8c942b2f --- /dev/null +++ b/examples/with-quill-js/next.config.js @@ -0,0 +1,3 @@ +// next.config.js +const withCSS = require('@zeit/next-css') +module.exports = withCSS({/* my next config */}) diff --git a/examples/with-quill-js/package.json b/examples/with-quill-js/package.json new file mode 100644 index 0000000000000..df0f9e5ac6d46 --- /dev/null +++ b/examples/with-quill-js/package.json @@ -0,0 +1,18 @@ +{ + "name": "with-quill-js", + "version": "1.0.0", + "author": "Arya Sadeghi", + "license": "ISC", + "scripts": { + "dev": "next", + "build": "next build", + "start": "next start" + }, + "dependencies": { + "@zeit/next-css": "^1.0.1", + "next": "latest", + "react": "^16.7.0", + "react-dom": "^16.7.0", + "react-quill": "^1.3.3" + } +} diff --git a/examples/with-quill-js/pages/index.js b/examples/with-quill-js/pages/index.js new file mode 100644 index 0000000000000..114bc33331238 --- /dev/null +++ b/examples/with-quill-js/pages/index.js @@ -0,0 +1,52 @@ +import React from 'react' +import dynamic from 'next/dynamic' +import 'react-quill/dist/quill.snow.css' + +const QuillNoSSRWrapper = dynamic(import('react-quill'), { + ssr: false, + loading: () =>Loading ...
+}) + +const modules = { + toolbar: [ + [{ header: '1' }, { header: '2' }, { font: [] }], + [{ size: [] }], + ['bold', 'italic', 'underline', 'strike', 'blockquote'], + [ + { list: 'ordered' }, + { list: 'bullet' }, + { indent: '-1' }, + { indent: '+1' } + ], + ['link', 'image', 'video'], + ['clean'] + ], + clipboard: { + // toggle to add extra line breaks when pasting HTML: + matchVisual: false + } +} +/* + * Quill editor formats + * See https://quilljs.com/docs/formats/ + */ +const formats = [ + 'header', + 'font', + 'size', + 'bold', + 'italic', + 'underline', + 'strike', + 'blockquote', + 'list', + 'bullet', + 'indent', + 'link', + 'image', + 'video' +] + +export default () => ( +Was this tool helpful? Let us know how we can improve it
diff --git a/examples/with-react-css-modules/README.md b/examples/with-react-css-modules/README.md index d92f5e281ac5b..8f32080a87ad3 100644 --- a/examples/with-react-css-modules/README.md +++ b/examples/with-react-css-modules/README.md @@ -4,7 +4,7 @@ ### Using `create-next-app` -Execute [`create-next-app`](https://github.com/segmentio/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/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: ```bash npx create-next-app --example with-react-css-modules with-react-css-modules-app diff --git a/examples/with-react-esi/README.md b/examples/with-react-esi/README.md index 38e3f70cbdfca..8d567475579cc 100644 --- a/examples/with-react-esi/README.md +++ b/examples/with-react-esi/README.md @@ -6,7 +6,7 @@ ### Using `create-next-app` -Execute [`create-next-app`](https://github.com/segmentio/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/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: ```bash npx create-next-app --example with-react-esi with-react-esi-app diff --git a/examples/with-react-ga/README.md b/examples/with-react-ga/README.md index 49b2013d86a73..82731e3ba4c1c 100644 --- a/examples/with-react-ga/README.md +++ b/examples/with-react-ga/README.md @@ -4,7 +4,7 @@ ### Using `create-next-app` -Execute [`create-next-app`](https://github.com/segmentio/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/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: ```bash npx create-next-app --example with-react-ga with-react-ga-app diff --git a/examples/with-react-helmet/README.md b/examples/with-react-helmet/README.md index 15f7c3c4fa988..4b5d91e476287 100644 --- a/examples/with-react-helmet/README.md +++ b/examples/with-react-helmet/README.md @@ -4,7 +4,7 @@ ### Using `create-next-app` -Execute [`create-next-app`](https://github.com/segmentio/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/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: ```bash npx create-next-app --example with-react-helmet with-react-helmet-app diff --git a/examples/with-react-intl/README.md b/examples/with-react-intl/README.md index 79f106f58fcc3..1c13d3c6a95c2 100644 --- a/examples/with-react-intl/README.md +++ b/examples/with-react-intl/README.md @@ -4,7 +4,7 @@ ### Using `create-next-app` -Execute [`create-next-app`](https://github.com/segmentio/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/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: ```bash npx create-next-app --example with-react-intl with-react-intl-app diff --git a/examples/with-react-intl/pages/_app.js b/examples/with-react-intl/pages/_app.js index 93316278bb06a..c461e637ac7a5 100644 --- a/examples/with-react-intl/pages/_app.js +++ b/examples/with-react-intl/pages/_app.js @@ -1,9 +1,13 @@ import App from 'next/app' import React from 'react' -import { IntlProvider } from 'react-intl' +import { createIntl, createIntlCache, RawIntlProvider } from 'react-intl' + +// This is optional but highly recommended +// since it prevents memory leak +const cache = createIntlCache() export default class MyApp extends App { - static async getInitialProps ({ Component, router, ctx }) { + static async getInitialProps ({ Component, ctx }) { let pageProps = {} if (Component.getInitialProps) { @@ -21,10 +25,18 @@ export default class MyApp extends App { render () { const { Component, pageProps, locale, messages } = this.props + const intl = createIntl( + { + locale, + messages + }, + cache + ) + return ( -
-
+
{
+ webpack: (config, { defaultLoaders }) => {
config.resolve.alias = {
...(config.resolve.alias || {}),
// Transform all direct `react-native` imports to `react-native-web`
'react-native$': 'react-native-web'
}
+ config.resolve.extensions.push('.web.js', '.web.ts', '.web.tsx')
return config
}
}
diff --git a/examples/with-react-native-web/package.json b/examples/with-react-native-web/package.json
index b4731af96dca4..9a3497e1e70db 100644
--- a/examples/with-react-native-web/package.json
+++ b/examples/with-react-native-web/package.json
@@ -10,5 +10,8 @@
"react": "^16.7.0",
"react-dom": "^16.7.0",
"react-native-web": "^0.11.6"
+ },
+ "devDependencies": {
+ "babel-plugin-react-native-web": "^0.11.7"
}
}
diff --git a/examples/with-react-relay-network-modern/README.md b/examples/with-react-relay-network-modern/README.md
index 1e2a0138f3ebb..193080d1b5baa 100644
--- a/examples/with-react-relay-network-modern/README.md
+++ b/examples/with-react-relay-network-modern/README.md
@@ -4,7 +4,7 @@
### Using `create-next-app`
-Execute [`create-next-app`](https://github.com/segmentio/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/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:
```bash
npx create-next-app --example with-react-relay-network-modern with-react-relay-network-modern-app
diff --git a/examples/with-react-toolbox/README.md b/examples/with-react-toolbox/README.md
index 6300a3231b1e4..4bc1b0c67ca7d 100644
--- a/examples/with-react-toolbox/README.md
+++ b/examples/with-react-toolbox/README.md
@@ -4,7 +4,7 @@
### Using `create-next-app`
-Execute [`create-next-app`](https://github.com/segmentio/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/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:
```bash
npx create-next-app --example with-react-toolbox with-react-toolbox-app
@@ -31,7 +31,7 @@ yarn
yarn dev
```
-Notice that `yarn toolbox` (or `npm run toolbox`) should be rerun every time the `"reactToolbox"` configuration in `package.json` is changed, in order to update `static/theme.js` and `static/theme.css`. The `"reactToolbox"` configuration includes styling, and the list of react-toolbox components to include.
+Notice that `yarn toolbox` (or `npm run toolbox`) should be rerun every time the `"reactToolbox"` configuration in `package.json` is changed, in order to update `/theme.js` and `public/theme.css`. The `"reactToolbox"` configuration includes styling, and the list of react-toolbox components to include.
## The idea behind the example
diff --git a/examples/with-react-toolbox/package.json b/examples/with-react-toolbox/package.json
index 5412b3156972d..229a0a7f2e4cf 100644
--- a/examples/with-react-toolbox/package.json
+++ b/examples/with-react-toolbox/package.json
@@ -30,6 +30,7 @@
"color-primary-contrast": "var(--color-dark-contrast)",
"color-accent-contrast": "var(--color-dark-contrast)"
},
- "output": "static"
+ "output": "public",
+ "javascript": "./theme.js"
}
}
diff --git a/examples/with-react-toolbox/pages/index.js b/examples/with-react-toolbox/pages/index.js
index a2b3945220c2e..e432a7915133f 100644
--- a/examples/with-react-toolbox/pages/index.js
+++ b/examples/with-react-toolbox/pages/index.js
@@ -1,5 +1,5 @@
import ThemeProvider from 'react-toolbox/lib/ThemeProvider'
-import theme from '../static/theme'
+import theme from '../theme'
import Head from 'next/head'
import Button from 'react-toolbox/lib/button/Button'
@@ -7,7 +7,7 @@ import Button from 'react-toolbox/lib/button/Button'
export default () => (
-
+