next.js/examples/with-dynamic-app-layout/pages/red.js

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