mirror of https://github.com/terribleplan/next.js.git synced 2024-01-19 02:48:18 +00:00

James Hegedus b1d8b839dd Examples: use npx and yarn create to run create-next-app on examples (#4002 )

* remove global npm install of create-next-app

* add npx to create-next-app command in examples

* add bash to shell snippets

* add yarn create to next-app command in examples

* fix READMEs named with lowercase

* change READMEs to use UPPERCASE

2018-03-14 09:09:46 +01:00

1.2 KiB

Raw Blame History

Data fetch example

How to use

Using `create-next-app`

Download create-next-app to bootstrap the example:

npx create-next-app --example data-fetch data-fetch-app
# or
yarn create next-app --example data-fetch data-fetch-app

Download manually

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

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 is so easy with Next.

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).

1.2 KiB Raw Blame History