e9c4a756a8
## Summary Remove `next-env.d.ts` file from [the examples](https://github.com/vercel/next.js/tree/canary/examples) directory because gitignore template includes them. ## Description At #41041, removed `next-env.d.ts` files. However, #47241 reintroduced them. `create-next-app` makes `next-env.d.ts` file in the example directory if it's typescript. https://github.com/vercel/next.js/blob/c2078d0c05a03e9fde449a01ff2a10afbdad48bb/packages/create-next-app/create-app.ts#L202-L209 Therefore, `next-env.d.ts` file isn't necessary. CC: @samcx ### Adding or Updating Examples - [x] The "examples guidelines" are followed from our contributing doc https://github.com/vercel/next.js/blob/canary/contributing/examples/adding-examples.md - [x] Make sure the linting passes by running `pnpm build && pnpm lint`. See https://github.com/vercel/next.js/blob/canary/contributing/repository/linting.md Co-authored-by: JJ Kasper <[email protected]>
Hello World example
This example shows how to use react context api in our app.
It provides an example of using app/layout.tsx to include the context api provider and then shows how both the app/page.tsx and app/about/page.tsx can both share the same data using the context api consumer.
We start off by creating two contexts. One that actually never changes (CounterDispatchContext) and one that changes more often (CounterStateContext).
The app/page.tsx shows how to, from the home page, increment and decrement the context data by 1 (a hard code value in the context provider itself).
The app/about/page.tsx shows how to pass an increment value from the about page into the context provider itself.
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 with-context-api with-context-api-app
yarn create next-app --example with-context-api with-context-api-app
pnpm create next-app --example with-context-api with-context-api-app
Deploy it to the cloud with Vercel (Documentation).