mirror of
https://github.com/SrIzan10/next-auth.git
synced 2026-05-01 10:55:20 +00:00
173df76c0f
* chore(deps): add next and react to dev dependencies * chore: move build configs to avoid crash with next dev * chore: add next js dev app * chore: remove .txt extension from LICENSE file * chore: update CONTRIBUTING.md * chore: watch css under development * style(lint): run linter on index.css * chore: fix some imports for dev server * refactor: simplify client code * chore: mention VSCode extension for linting * docs: reword CONTRIBUTING.md * chore: ignore linting pages and components
22 lines
811 B
JavaScript
22 lines
811 B
JavaScript
import Layout from '../components/layout'
|
|
|
|
export default function Page () {
|
|
return (
|
|
<Layout>
|
|
<h1>Client Side Rendering</h1>
|
|
<p>
|
|
This page uses the <strong>useSession()</strong> React Hook in the <strong></Header></strong> component.
|
|
</p>
|
|
<p>
|
|
The <strong>useSession()</strong> React Hook easy to use and allows pages to render very quickly.
|
|
</p>
|
|
<p>
|
|
The advantage of this approach is that session state is shared between pages by using the <strong>Provider</strong> in <strong>_app.js</strong> so
|
|
that navigation between pages using <strong>useSession()</strong> is very fast.
|
|
</p>
|
|
<p>
|
|
The disadvantage of <strong>useSession()</strong> is that it requires client side JavaScript.
|
|
</p>
|
|
</Layout>
|
|
)
|
|
} |