2016-12-19 14:40:26 +00:00
|
|
|
# Example app utilizing next/router for routing
|
|
|
|
|
2016-12-22 05:10:54 +00:00
|
|
|
## How to use
|
2016-12-19 14:40:26 +00:00
|
|
|
|
2016-12-22 05:10:54 +00:00
|
|
|
Download the example:
|
|
|
|
|
|
|
|
```bash
|
|
|
|
curl https://codeload.github.com/zeit/next.js/tar.gz/master | tar -xz next.js-master/examples/using-router
|
|
|
|
cd next.js-master/examples/using-router
|
|
|
|
```
|
2016-12-19 14:40:26 +00:00
|
|
|
|
2016-12-22 05:10:54 +00:00
|
|
|
or clone the repo:
|
2016-12-19 14:40:26 +00:00
|
|
|
|
2016-12-22 05:10:54 +00:00
|
|
|
```bash
|
|
|
|
git clone git@github.com:zeit/next.js.git --depth=1
|
|
|
|
cd next.js/examples/using-router
|
|
|
|
```
|
|
|
|
|
|
|
|
Install the dependencies:
|
|
|
|
|
|
|
|
```bash
|
2016-12-19 14:40:26 +00:00
|
|
|
npm install
|
2016-12-22 05:10:54 +00:00
|
|
|
```
|
|
|
|
|
|
|
|
Run the dev server:
|
|
|
|
|
|
|
|
```bash
|
2016-12-19 14:40:26 +00:00
|
|
|
npm run dev
|
|
|
|
```
|
2016-12-22 05:10:54 +00:00
|
|
|
|
|
|
|
## The idea behind the example
|
|
|
|
|
|
|
|
This example features:
|
|
|
|
|
|
|
|
* An app linking pages using `next/router` instead of `<Link>` component.
|
|
|
|
* Access the pathname using `next/router` and render it in a component
|