archive/rsnext
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
rsnext/examples/with-dynamic-app-layout
History
Luis Alvarez D e28fd50441
Include utm_source on example links to vercel.com (#21305)
2021-01-19 07:28:54 +00:00
..
layouts Update Examples for Fast Refresh (#13068) 2020-05-18 17:44:18 -04:00
pages Refactor class components to functional @ examples (#13398) 2020-05-27 05:14:26 +00:00
.gitignore Added .gitignore to examples that are deployed to vercel (#15127) 2020-07-16 10:52:23 -04:00
package.json Ensure all examples are MIT licensed (#16691) 2020-08-29 22:32:35 -04:00
README.md Include utm_source on example links to vercel.com (#21305) 2021-01-19 07:28:54 +00:00

README.md

With dynamic App layout example

Shows how to use pages/_app.js to implement dynamic layouts for pages. This is achieved by attaching a static Layout property to each page that needs a different layout. In that way, once we use pages/_app.js to wrap our pages, we can get it from Component.Layout and render it accordingly.

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

Deploy it to the cloud with Vercel (Documentation).