2017-12-09 02:17:04 +00:00
# gh-pages Hello World example
## How to use
### 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/master | tar -xz --strip=2 next.js-master/examples/gh-pages
cd gh-pages
```
Install it and run:
```bash
npm install
npm run dev
```
2018-02-03 19:03:47 +00:00
### Deploy it to github
2017-12-09 02:17:04 +00:00
Edit ```env-config.js``` and replace ```'Next-gh-page-example'``` by your project name.
Edit ```next.config.js``` and replace ```'Next-gh-page-example'``` by your project name.
1. Create repository.
2. Link it to your github account.
3. Publish your master branch.
```bash
npm run deploy
```
Test it:
2018-02-03 16:11:16 +00:00
Replace 'github-user-name' and 'github-project-name'
2017-12-09 02:17:04 +00:00
```bash
2018-02-03 16:11:16 +00:00
https://github-user-name.github.io/github-project-name/
2017-12-09 02:17:04 +00:00
```
Example:
```bash
https://github.com/thierryc/Next-gh-page-example/
https://thierryc.github.io/Next-gh-page-example/
```
## The idea behind the example
This example shows the most basic idea behind Next. We have 2 pages: `pages/index.js` and `pages/about.js` . The former responds to `/` requests and the latter to `/about` . Using `next/link` you can add hyperlinks between them with universal routing capabilities.