mirror of
https://github.com/terribleplan/next.js.git
synced 2024-01-19 02:48:18 +00:00
592c666e82
* [add] example of a progressive rendered app * [update] remove extra blank line * [update] fix typo * [update] more use cases * [update] example link * Update README.md * [update] next.js dependency version * [update] fix readme typos
31 lines
579 B
JavaScript
31 lines
579 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>
|
|
)
|