archive/rsnext
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
rsnext/examples/layout-component/README.md
Lee Robinson 1dd6eeb598
Update layouts example to persist state across client-side transitions. (#26706) 
* Update layouts example

* Update examples/layout-component/components/layout.js

Co-authored-by: JJ Kasper <jj@jjsweb.site>
2021-06-28 22:19:15 -05:00

1.4 KiB
Raw Blame History

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.

Preview

Preview the example live on StackBlitz:

Open in StackBlitz

Deploy your own

Deploy the example using Vercel:

Deploy with Vercel

How to use

Execute create-next-app with npm or Yarn 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

Deploy it to the cloud with Vercel (Documentation).