会 vue 的后端 boy 应该如何快速构建一个可用于生产环境的好看的前端页面？

[OneEarMouse]

先说背景：后端 boy ，常见的 java 一套和中间件比较熟，也会用 vue 和 ui 框架写简单的后台管理系统，但是对前端基本原理一窍不通。现在想做一个生产环境实际可用的独立产品网站页面。

前几个星期用 vue 和 ui 框架搓了一套简单的前端页面，后端用 spring 一套写了接口。网站包含三个页面：首页（无动态内容）、内容页（需要和后端交互实时刷新内容）、about 页面（无动态内容）。扔到 vps 上部署之后发现几个问题：

1. vue 写的页面是动态 js 的，搜索引擎似乎不会抓取。我简单研究了一下 vue 的 seo 优化，发现以我的前端水平搞不定
2. 首屏加载很慢。我尝试缩减引入资源，整个 dist 到 1mb 以内，但感觉还是不够快
3. 我用框架写的页面很丑

研究了一下，似乎有这样几个方案：

1. 别管 seo 了，继续用现在的结构，反正产品也不一定能推广出去，搞了 seo 也优化也没用
2. 改一下项目结构。首页和内容页改成纯 html ，内容页用 vue 嵌入 html 写。似乎这样能优化加载和 seo ？
3. 学 nuxt.js ，重构前端，部署到 vercel ，后端继续用 spring 部署在 vps 上调用
4. 学 react 再学 next.js ，重构前端，部署到 vercel ，后端继续用 spring 部署在 vps 上调用

哪一种更适合？

[murmur]

好看需要设计师，怎么那么多人连设计师和美工的用途都不一样

dist 1m 还慢，得看你服务器了，该上 cdn 就上，尤其是国内访问国外的机器

seo 我建议别管，现在都是$eo 了，尤其是百度，就是看谁关键词买的多，热门词语一搜一页全是广告，一个正经链接都没有

[terranboy]

会 VUE 就用 NUXT

[terranboy]

会有服务端渲染 服务端调用接口 前后端部署在同一个地方 不是更快？

[wxw752]

我们是在网关判断爬虫的请求头，如果发现是那几个搜索引擎爬虫，直接转发到一个完全不管样式的 PHP 服务器去，文本全掏给它。

[OneEarMouse]

@murmur 想做面向国外的，还是最好要优化一下 seo

@terranboy #3 其实只有第二个页面需要动态内容，第一个首页静态 HTML+CSS 就足够了。但我不知道怎么让第一个页面做静态，第二个用 vue 做动态


@wxw752 很有意思的想法，很适合创建时使用了 react 或 vue 但没有考虑过 seo 的大型项目

[wxw752]

@OneEarMouse #5 我们这么做了大概三年了，收录情况还不错

[DeWjjj]

nuxt ，就好了有渲染只要能被爬到信息就行了。
dist 上 cdn ，在国内找那些野鸡厂商的 hkcn2 ，nginx 负载就完了。

[Pters]

学 react 然后找个前端框架直接套用