5dd4999b64
Strategized with @balazsorban44 to open one larger PR, with changes to individual examples as separate commits. For each example, I researched how multiple realworld codebases use the featured technology with TypeScript, to thoughtfully convert them by hand - nothing automated whatsoever. ## Documentation / Examples - [X] Make sure the linting passes by running `pnpm lint` - [X] The "examples guidelines" are followed from [our contributing doc](https://github.com/vercel/next.js/blob/canary/contributing/examples/adding-examples.md) |
||
---|---|---|
.. | ||
pages | ||
.gitignore | ||
package.json | ||
README.md | ||
tsconfig.json |
ESM Hello World example
This example shows the most basic idea behind Next.js, and it's running on native esm mode. We have 2 pages: pages/index.tsx
and pages/about.tsx
. 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 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 hello-world-esm hello-world-esm-app
yarn create next-app --example hello-world-esm hello-world-esm-app
pnpm create next-app --example hello-world-esm hello-world-esm-app
Deploy it to the cloud with Vercel (Documentation).