mirror of
https://github.com/hanzoai/next.js.git
synced 2026-09-24 17:00:51 +00:00
fcdf5a9a26
This PR updates the nested-components example to use the App Router. Here are the changes that have been made: Renamed the "pages" folder to "app" folder. Updated the file index.tsx to page.tsx to align with App Router. Added the layout.tsx file as part of the App Router. Updated the components folder to align with App Router and made components folder private. Updated package.json to use the latest version. cc: @samcx --------- Co-authored-by: ShruthiKathula <[email protected]> Co-authored-by: samcx <[email protected]>
1.5 KiB
1.5 KiB
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).