/next.js

Switch branches/tags
Nothing to show
Find file History
next.js/examples/data-fetch/
#2110 Compare This branch is 16 commits ahead, 120 commits behind v3-beta.
Latest commit d08e027 Apr 22, 2017 @paulmolluzzo paulmolluzzo committed with timneutkens Add deploy now button to the top of all example READMEs (#1763) 
* Add deploy now button to the top of all example READMEs

* Remove unnecessary whitespace changes
Permalink
..
Failed to load latest commit information.
pages update link prefetch syntax in examples (#1276) Feb 25, 2017
README.md Add deploy now button to the top of all example READMEs (#1763) Apr 22, 2017
package.json Use latest version of Next for all examples (#1597) Apr 3, 2017

README.md

Deploy to now

Data fetch example

How to use

Download the example or clone the repo:

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:

npm install
npm run dev

Deploy it to the cloud with now (download)

now

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 it's so easy with Next.

Using getInitialProps we will fetch data in the server for SSR and then in the client only when the component is re-mounted but not in the first paint.