mirror of
https://github.com/terribleplan/next.js.git
synced 2024-01-19 02:48:18 +00:00
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
360 B
JavaScript
16 lines
360 B
JavaScript
import React from 'react'
|
|
import Link from 'next/link'
|
|
|
|
import RedLayout from '../layouts/RedLayout'
|
|
|
|
const RedPage = () => {
|
|
return <p>
|
|
This is the <strong style={{ color: 'red' }} >Red</strong> page, it's borders are red<br /><br />
|
|
Go back to the <Link href='/'><a>Blue Page</a></Link>
|
|
</p>
|
|
}
|
|
|
|
RedPage.Layout = RedLayout
|
|
|
|
export default RedPage
|