27 lines
641 B
JavaScript
27 lines
641 B
JavaScript
import React from 'react'
|
|
import Header from '../components/Header'
|
|
import Counter from '../components/Counter'
|
|
import dynamic from 'next/dynamic'
|
|
|
|
const DynamicComponent = dynamic(import('../components/hello1'))
|
|
const DynamicComponentWithCustomLoading = dynamic(
|
|
import('../components/hello2'),
|
|
{
|
|
loading: () => (<p>...</p>)
|
|
}
|
|
)
|
|
const DynamicComponentWithNoSSR = dynamic(
|
|
import('../components/hello3'),
|
|
{ ssr: false }
|
|
)
|
|
|
|
export default () => (
|
|
<div>
|
|
<Header />
|
|
<DynamicComponent />
|
|
<DynamicComponentWithCustomLoading />
|
|
<DynamicComponentWithNoSSR />
|
|
<p>HOME PAGE is here!</p>
|
|
<Counter />
|
|
</div>
|
|
)
|