mirror of
https://github.com/terribleplan/next.js.git
synced 2024-01-19 02:48:18 +00:00
Add basic export example
This commit is contained in:
parent
2435798479
commit
62f9736ca3
1
examples/basic-export/.gitignore
vendored
Normal file
1
examples/basic-export/.gitignore
vendored
Normal file
|
@ -0,0 +1 @@
|
||||||
|
out
|
46
examples/basic-export/README.md
Normal file
46
examples/basic-export/README.md
Normal file
|
@ -0,0 +1,46 @@
|
||||||
|
[![Deploy to now](https://deploy.now.sh/static/button.svg)](https://deploy.now.sh/?repo=https://github.com/zeit/next.js/tree/master/examples/basic-export)
|
||||||
|
|
||||||
|
# Basic export 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 basic-export basic-export-app
|
||||||
|
# or
|
||||||
|
yarn create next-app --example basic-export basic-export-app
|
||||||
|
```
|
||||||
|
|
||||||
|
### Download manually
|
||||||
|
|
||||||
|
Download the example [or clone the repo](https://github.com/zeit/next.js):
|
||||||
|
|
||||||
|
```bash
|
||||||
|
curl https://codeload.github.com/zeit/next.js/tar.gz/canary | tar -xz --strip=2 next.js-canary/examples/basic-export
|
||||||
|
cd basic-export
|
||||||
|
```
|
||||||
|
|
||||||
|
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
|
||||||
|
npm run export
|
||||||
|
cd out
|
||||||
|
now
|
||||||
|
```
|
||||||
|
|
||||||
|
## The idea behind the example
|
||||||
|
|
||||||
|
This example shows the most basic usage of `next export`. Without `exportPathMap`.
|
16
examples/basic-export/package.json
Normal file
16
examples/basic-export/package.json
Normal file
|
@ -0,0 +1,16 @@
|
||||||
|
{
|
||||||
|
"name": "hello-world",
|
||||||
|
"version": "1.0.0",
|
||||||
|
"scripts": {
|
||||||
|
"dev": "next",
|
||||||
|
"build": "next build",
|
||||||
|
"start": "next start",
|
||||||
|
"export": "next export"
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"next": "latest",
|
||||||
|
"react": "^16.0.0",
|
||||||
|
"react-dom": "^16.0.0"
|
||||||
|
},
|
||||||
|
"license": "ISC"
|
||||||
|
}
|
3
examples/basic-export/pages/about.js
Normal file
3
examples/basic-export/pages/about.js
Normal file
|
@ -0,0 +1,3 @@
|
||||||
|
export default () => (
|
||||||
|
<div>About us</div>
|
||||||
|
)
|
3
examples/basic-export/pages/about2.js
Normal file
3
examples/basic-export/pages/about2.js
Normal file
|
@ -0,0 +1,3 @@
|
||||||
|
export default () => (
|
||||||
|
<div>About 2</div>
|
||||||
|
)
|
3
examples/basic-export/pages/day/index.js
Normal file
3
examples/basic-export/pages/day/index.js
Normal file
|
@ -0,0 +1,3 @@
|
||||||
|
export default () => (
|
||||||
|
<div>Hello Day</div>
|
||||||
|
)
|
4
examples/basic-export/pages/index.js
Normal file
4
examples/basic-export/pages/index.js
Normal file
|
@ -0,0 +1,4 @@
|
||||||
|
import Link from 'next/link'
|
||||||
|
export default () => (
|
||||||
|
<div>Hello World. <Link href='/about'><a>About</a></Link></div>
|
||||||
|
)
|
Loading…
Reference in a new issue