1
0
Fork 0
mirror of https://github.com/terribleplan/next.js.git synced 2024-01-19 02:48:18 +00:00
next.js/examples/with-dynamic-app-layout/pages/green.js
Kenneth Luján Rosas 6dcc9bd59a feat: add dynamic layouts with _app.js example (#5420)
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. 🎉
2018-10-10 09:49:22 +02:00

16 lines
403 B
JavaScript

import React from 'react'
import Link from 'next/link'
import GreenLayout from '../layouts/GreenLayout'
const GreenPage = () => {
return <p>
This is the <strong style={{ color: 'green' }}>Green</strong> page, it's borders are green<br /><br />
Go back to the <Link href='/'><a style={{ color: 'blue' }}>Blue Page</a></Link>
</p>
}
GreenPage.Layout = GreenLayout
export default GreenPage