History

Steven 57dcc9d329 Update `pnpm create next-app` for latest pnpm 6 and 7 (#37254 ) This command changed in pnpm [6.32.13](https://github.com/pnpm/pnpm/releases/tag/v6.32.13) and [7.1.1](https://github.com/pnpm/pnpm/releases/tag/v7.1.1) so lets update it since its been a few weeks and we can expect pnpm users to update more regularly than npm users. - Fixes https://github.com/vercel/next.js/pull/37240 - Fixes https://github.com/vercel/next.js/pull/37045 - Fixes https://github.com/vercel/next.js/pull/37032 - Fixes https://github.com/vercel/next.js/pull/36602 - Fixes https://github.com/vercel/next.js/pull/36496		2022-05-27 21:21:40 +00:00
..
components	Update layouts example to persist state across client-side transitions. (#26706 )	2021-06-28 22:19:15 -05:00
pages	Changed all occurrences of etc to match (#34280 )	2022-02-13 00:22:52 +00:00
.gitignore	Added .gitignore to examples that are deployed to vercel (#15127 )	2020-07-16 10:52:23 -04:00
global.css	Update layouts example to persist state across client-side transitions. (#26706 )	2021-06-28 22:19:15 -05:00
package.json	Remove `licence` from all `example/package.json` that has them (#28007 )	2021-08-14 10:48:39 -05:00
README.md	Update `pnpm create next-app` for latest pnpm 6 and 7 (#37254 )	2022-05-27 21:21:40 +00:00

README.md

Layout component example

This example shows a very common use case when building websites where you need to repeat some sort of layout for all your pages. Our pages are: home, about and contact and they all share the same layout and sidebar.

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 layout-component layout-component-app
# or
yarn create next-app --example layout-component layout-component-app
# or
pnpm create next-app --example layout-component layout-component-app

Deploy it to the cloud with Vercel (Documentation).