Как работать с отложенной загрузкой в Nextjs React?

Question

[Андрей Охотников]

При разработке на чистом реакте я могу в роутере установить lazy загрузку компонентов вот так

const NotFoundPage = lazy(() => import('containers/NotFoundPage'));
const HomePage = lazy(() => import('containers/HomePage'));
const Stores = lazy(() => import('containers/StoresPage'));

export default () => (
 <Router>
        <Suspense fallback={<Preloader />}>
          <Switch>
            <Route exact path={routes.HOME} component={HomePage} />
            <Route exact path={routes.STORES} component={Stores} />
            <Route component={NotFoundPage} />
          </Switch>
        </Suspense>
      </Router>
);

А как работать с lazy загрузкой в Next js (начал разбираться с SSR). Как это вообще там работает?

Comments

[VladSotskyi]

В next.js не задано по дефолту prefetch страницы.
Но так-же есть лези лоад компонентов https://nextjs.org/learn/excel/lazy-loading-components