nextjs 实现懒加载

Next.js 是一个基于 React 的服务端渲染(SSR)框架，可以让你在服务端渲染 React 应用。

在 Next.js 中实现懒加载可以使用 dynamic 函数。这个函数接受一个工厂函数，并返回一个 Promise，该 Promise 在解析完成后会被解析为一个 React 组件。

举个例子，假设你想要懒加载一个名为 MyComponent 的组件，你可以这样写：

import dynamic from 'next/dynamic';

const MyComponent = dynamic(() => import('../components/MyComponent'));