【项目】MyRoom 调整与优化

请求跨域

• 借助 vercel 云端服务器作为中间代理

• 全局安装 vercel，进行 vercel api 接口的测试：npm install -g vercel

• 配置 vercel.json

  {
    "routes": [
      { "handle": "filesystem" },
      { "src": "/(.*)", "dest": "/index.html" }
    ]
  }
  

vite 使用

• 修改文件后缀：js -> jsx

nextjs 使用

• Server-Side Rendering/Static Site Generation/Client-Side Rendering
• 注意以下文件的使用
  • pages/index.js
  • pages/_app.js
  • styles/global.css
  • next.config.js （如何引入第三方库 ... ）
• 参考
  • nextjs 官网 (opens new window)
  • nuxtjs 官网 (opens new window)
  • remix 官网 (opens new window)

项目展示

• 客户端渲染
  • GitHub 源码 (opens new window)
  • 房屋详情页 (opens new window)
• 服务端渲染
  • GitHub 源码 (opens new window)
  • 房屋详情页 (opens new window)
• 性能对比（开发者工具：Performance insights）