This example shows the most basic idea behind Next. We have 2 pages: pages/index.js
and pages/about.js
. The former responds to /
requests and the latter to /about
. Using next/link
you can add hyperlinks between them with universal routing capabilities. The day
directory shows that you can have subdirectories.
Deploy the example using Vercel or preview live with StackBlitz
Execute create-next-app
with npm, Yarn, or pnpm to bootstrap the example:
npx create-next-app --example hello-world hello-world-app
# or
yarn create next-app --example hello-world hello-world-app
# or
pnpm create next-app --example hello-world hello-world-app
Deploy it to the cloud with Vercel (Documentation).