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/index.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

17 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