2017-04-22 12:51:51 +00:00
[![Deploy to now ](https://deploy.now.sh/static/button.svg )](https://deploy.now.sh/?repo=https://github.com/zeit/next.js/tree/master/examples/data-fetch)
2016-12-22 23:05:49 +00:00
2017-01-10 19:32:32 +00:00
# Data fetch example
2016-12-22 23:05:49 +00:00
## How to use
2017-01-16 21:23:24 +00:00
Download the example [or clone the repo ](https://github.com/zeit/next.js ):
2016-12-22 23:05:49 +00:00
```bash
curl https://codeload.github.com/zeit/next.js/tar.gz/master | tar -xz --strip=2 next.js-master/examples/data-fetch
cd data-fetch
```
Install it and run:
```bash
npm install
npm run dev
```
Deploy it to the cloud with [now ](https://zeit.co/now ) ([download](https://zeit.co/download))
```bash
now
```
## The idea behind the example
Next.js was conceived to make it easy to create universal apps. That's why fetching data
2018-01-03 13:06:45 +00:00
on the server and the client when necessary is so easy with Next.
2016-12-22 23:05:49 +00:00
2018-01-03 13:06:45 +00:00
Using `getInitialProps` fetches data on the server for SSR and then on the client when the component is re-mounted (not on the first paint).