rsnext/examples/hello-world-esm
LongYinan 01109734ce
Interpolate default exports (#35933)
* Add failing test for next/link next/image with "type": "module"

* Interpolate default exports

Co-authored-by: Tim Neutkens <tim@timneutkens.nl>
2022-04-11 16:43:44 +08:00
..
pages Interpolate default exports (#35933) 2022-04-11 16:43:44 +08:00
.gitignore Interpolate default exports (#35933) 2022-04-11 16:43:44 +08:00
package.json Interpolate default exports (#35933) 2022-04-11 16:43:44 +08:00
README.md Interpolate default exports (#35933) 2022-04-11 16:43:44 +08:00

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.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 your own

Deploy the example using Vercel or preview live with StackBlitz

Deploy with Vercel

How to use

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

npx create-next-app --example hello-world-esm hello-world-esm-app
# or
yarn create next-app --example hello-world-esm hello-world-esm-app
# or
pnpm create next-app -- --example hello-world-esm hello-world-esm-app

Deploy it to the cloud with Vercel (Documentation).