hanzoai/next.js

Fork 0

mirror of https://github.com/hanzoai/next.js.git synced 2026-09-24 17:00:51 +00:00

Files

T

History

1948f5b4ba fix(create-next-app): link to app dir docs in next-env.d.ts in app dir templates (#68534 )

Fixes #68533

A link to docs in `next-dev.d.ts` linked to the pages router docs in app
router templates. This was confusing, because some sections on this page
only work with pages router. This PR fixes that

---------

Co-authored-by: Sam Ko <[email protected]>

2024-08-09 22:21:28 +00:00

app

Updated nested-components example to use App Router (#68065 )

2024-07-25 12:52:14 -07:00

.gitignore

Add .yarn/install-state.gz to .gitignore (#56637 )

2023-10-18 16:34:48 +00:00

next-env.d.ts

fix(create-next-app): link to app dir docs in next-env.d.ts in app dir templates (#68534 )

2024-08-09 22:21:28 +00:00

package.json

Updated nested-components example to use App Router (#68065 )

2024-07-25 12:52:14 -07:00

README.md

Updated nested-components example to use App Router (#68065 )

2024-07-25 12:52:14 -07:00

tsconfig.json

Convert many examples to TypeScript (#41825 )

2022-10-26 20:28:55 +00:00

README.md

Example app using nested components

Taking advantage of the composable nature of React components we can modularize our apps in self-contained, meaningful components. This example has a page under app/page.tsx that uses app/_components/paragraph.tsx and app/_components/post.tsx that can be styled and managed separately.

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 nested-components nested-components-app

yarn create next-app --example nested-components nested-components-app

pnpm create next-app --example nested-components nested-components-app

Deploy it to the cloud with Vercel (Documentation).