跳到主要内容

Next使用

关闭 SSR​

1、方式一： 通过 dynamic 加载组件并关闭 ssr

jsx
import dynamic from 'next/dynamic';

const DynamicSidebarWithNoSSR = dynamic(() => import('../components/Sidebar'), {
    ssr: false
});

export default function R() {
    return (
        <div>
            <DynamicSidebarWithNoSSR />
        </div>

next样式注入，主题化功能​

next命令​

next dev​

  • 开发环境启动全栈开发服务器

next build​

  • 生成生产环境的全栈应用构建产物
    • 代码编译优化
    • 生产构建产物
bash
.next/
├── server/         # 服务端代码（含API路由处理逻辑）
├── static/         # 静态资源文件
├── cache/          # 构建缓存
└── BUILD_ID        # 构建版本标识

next start​

  • 启动的是 全栈应用的 Node.js 生产服务器
  • 同时托管前端页面（SSR/SSG）和后端API路由

部署命令​

  • 构建并启动服务
bash
npm run build && npm run start