mirror of
https://github.com/terribleplan/next.js.git
synced 2024-01-19 02:48:18 +00:00
9c4eefcdbf
* Add prettier for examples directory * Fix files * Fix linting * Add prettier script in case it has to be ran again
29 lines
563 B
JavaScript
29 lines
563 B
JavaScript
import React from 'react'
|
|
import NoSSR from 'react-no-ssr'
|
|
import Loading from '../components/Loading'
|
|
|
|
export default () => (
|
|
<main>
|
|
<section>
|
|
<h1>This section is server-side rendered.</h1>
|
|
</section>
|
|
|
|
<NoSSR onSSR={<Loading />}>
|
|
<section>
|
|
<h2>
|
|
This section is <em>only</em> client-side rendered.
|
|
</h2>
|
|
</section>
|
|
</NoSSR>
|
|
|
|
<style jsx>{`
|
|
section {
|
|
align-items: center;
|
|
display: flex;
|
|
height: 50vh;
|
|
justify-content: center;
|
|
}
|
|
`}</style>
|
|
</main>
|
|
)
|