React Example: Nextjs

Github StackBlitz CodeSandbox

import React from 'react'
import { Header, InfoBox, Layout, PostList } from '../components'

const ClientOnly = () => {
  return (
    <Layout>
      <Header />
      <InfoBox>ℹ️ This data is loaded on client and not prefetched</InfoBox>
      <PostList />
    </Layout>
  )
}

export default ClientOnly

import React from 'react'
import { Header, InfoBox, Layout, PostList } from '../components'

const ClientOnly = () => {
  return (
    <Layout>
      <Header />
      <InfoBox>ℹ️ This data is loaded on client and not prefetched</InfoBox>
      <PostList />
    </Layout>
  )
}

export default ClientOnly