6dcc9bd59a
Regarding a question about having different global layouts via `_app.js` usage, it came up that we could use a static property in the page that needed a different one(Thanks @timneutkens ) Link to the Spectrum post: https://spectrum.chat/?t=af6ca794-5420-4780-abd8-96f085a19e09 This PR adds an example called `with-dynamic-app-layout`, that showcases that use case in the simplest way I could think of. Let me know if there's changes or improvements to be made. 🎉
16 lines
489 B
JavaScript
16 lines
489 B
JavaScript
import React from 'react'
|
|
import Link from 'next/link'
|
|
|
|
import BlueLayout from '../layouts/BlueLayout'
|
|
|
|
const BluePage = () => {
|
|
return <p>
|
|
This is the <strong style={{ color: 'blue' }}>Blue</strong> page, it's borders are blue<br /><br />
|
|
Go to the <Link href='/red'><a style={{ color: 'red' }}>Red Page</a></Link><br /><br />
|
|
Go to the <Link href='/green'><a style={{ color: 'green' }} >Green Page</a></Link>
|
|
</p>
|
|
}
|
|
|
|
BluePage.Layout = BlueLayout
|
|
|
|
export default BluePage
|