Data fetch example
How to use
npx create-next-app --example data-fetch data-fetch-app # or yarn create next-app --example data-fetch data-fetch-app
Download the example or clone the repo:
curl https://codeload.github.com/zeit/next.js/tar.gz/canary | tar -xz --strip=2 next.js-canary/examples/data-fetch cd data-fetch
Install it and run:
npm install npm run dev # or yarn yarn dev
The idea behind the example
Next.js was conceived to make it easy to create universal apps. That's why fetching data on the server and the client when necessary is so easy with Next.
getInitialProps fetches data on the server for SSR and then on the client when the component is re-mounted (not on the first paint).