rsnext/examples/hello-world
Max Proske 007d186b78
Convert hello-world example to TypeScript (#37706)
TypeScript is being leveraged for new examples going forward, so I'm converting this example over. 😂

## 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.md#adding-examples)
2022-06-15 11:33:35 +00:00
..
pages Convert hello-world example to TypeScript (#37706) 2022-06-15 11:33:35 +00:00
.gitignore Added .gitignore to examples that are deployed to vercel (#15127) 2020-07-16 10:52:23 -04:00
next-env.d.ts Convert hello-world example to TypeScript (#37706) 2022-06-15 11:33:35 +00:00
package.json Convert hello-world example to TypeScript (#37706) 2022-06-15 11:33:35 +00:00
README.md Convert hello-world example to TypeScript (#37706) 2022-06-15 11:33:35 +00:00
tsconfig.json Convert hello-world example to TypeScript (#37706) 2022-06-15 11:33:35 +00:00

Hello World example

This example shows the most basic idea behind Next. 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

Deploy with Vercel

How to use

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