History

JTaylor0196 f7baa56792 update example Deploy button URLs (#48842 ) ### What? Updates Deploy button URLs for all listed examples here: https://github.com/vercel/next.js/tree/canary/examples ### Why? The Deploy URLs are currently broken and result in a failed clone attempt on Vercel. ### How? The URLs have been changed from https://vercel.com/new/git/external?… to -> https://vercel.com/new/clone?… (Last updated [here](`8eaabe2fb0`) in 2021)		2023-04-26 13:31:44 -04:00
..
pages	Run next/link codemod for Next.js 13 on examples (#41913 )	2022-10-30 21:00:45 +01:00
types	[Docs] Migrate data-fetch example to typescript (#39852 )	2022-08-23 14:23:38 +00:00
.gitignore	Remove incorrect entries for pnpm debug log (#47241 )	2023-03-26 22:26:05 -07:00
next-env.d.ts	Remove incorrect entries for pnpm debug log (#47241 )	2023-03-26 22:26:05 -07:00
package.json	[Docs] Migrate data-fetch example to typescript (#39852 )	2022-08-23 14:23:38 +00:00
README.md	update example Deploy button URLs (#48842 )	2023-04-26 13:31:44 -04:00
tsconfig.json	[Docs] Migrate data-fetch example to typescript (#39852 )	2022-08-23 14:23:38 +00:00

README.md

Data fetch 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.js.

By using getStaticProps Next.js will fetch data at build time from a page, and pre-render the page to static assets.

Deploy your own

Deploy the example using Vercel or preview live with StackBlitz

How to use

Execute create-next-app with npm, Yarn, or pnpm to bootstrap the example:

npx create-next-app --example data-fetch data-fetch-app

yarn create next-app --example data-fetch data-fetch-app

pnpm create next-app --example data-fetch data-fetch-app

Deploy it to the cloud with Vercel (Documentation).