共计 513 个字符，预计需要花费 2 分钟才能阅读完成。
先说背景：后端 boy，常见的 java 一套和中间件比较熟，也会用 vue 和 ui 框架写简单的后台管理系统，但是对前端基本原理一窍不通。现在想做一个生产环境实际可用的独立产品网站页面。
前几个星期用 vue 和 ui 框架搓了一套简单的前端页面，后端用 spring 一套写了接口。网站包含三个页面：首页（无动态内容）、内容页（需要和后端交互实时刷新内容）、about 页面（无动态内容）。扔到 vps 上部署之后发现几个问题：
- vue 写的页面是动态 js 的，搜索引擎似乎不会抓取。我简单研究了一下 vue 的 seo 优化，发现以我的前端水平搞不定
- 首屏加载很慢。我尝试缩减引入资源，整个 dist 到 1mb 以内，但感觉还是不够快
- 我用框架写的页面很丑
研究了一下，似乎有这样几个方案：
- 别管 seo 了，继续用现在的结构，反正产品也不一定能推广出去，搞了 seo 也优化也没用
- 改一下项目结构。首页和内容页改成纯 html，内容页用 vue 嵌入 html 写。似乎这样能优化加载和 seo？
- 学 nuxt.js，重构前端，部署到 vercel，后端继续用 spring 部署在 vps 上调用
- 学 react 再学 next.js，重构前端，部署到 vercel，后端继续用 spring 部署在 vps 上调用
哪一种更适合？
正文完
