官网网站用什么技术栈比较合理？

官网的定义有几种，运用的技术栈也是有很大区别的（在这里列举常见的两种）

第一种的话即简单啦，这种官网没有太多的内容展示，只是介绍公司的面貌和固定不变的信息，目前这种网站的趋势都是做成响应式网站，代码部分：HTML5 +CSS3 + bootstrap + jquery，开发环境：node.js + gulp 搭建一个browsersync的热更新替换服务器就OK了，这样的开发速度还是很快的

第二种的官网目前是很多的，以前的做法一般都是前端写出静态页面然后交给后端php或java来套模板，但是这几年SPA火了之后，各种前后端分离方案抛出水面，最困扰的问题就是不能够SEO。

不过自去年出了服务端渲染的方案后，比如目前react的 Next.js Vue的Nuxt.js 这类通用框架，对SEO是比较友好的。前段时间我们接了个需求，帮合作厂商开发一个国际站，需要SEO，需要有后台运营内容，最主要我们想借此用一套前后端分离方案来开发。我们用的技术栈：后台简单的 Vue + vue-router + vuex + ElementUI+axios + webpack 就满足需求了，前端单页：Nuxt.js + axios + Jquery（页面众多效果需要运用）

开发顺序是后端写Restful Api接口，前端用vue开发后台，因为后端API接口还没有开发出来，我们先用Mock来制造假数据，用来拦截异步请求导到Mock来制造假数据，后端开发完API将其移除即可

后台开发完再开发官网页面就非常快上手了，Nuxt.js的开发体验和Vue非常类似，毕竟是Vue下的东西。开发体验还不错，首屏支持IE9，当时用的版本是0.10.x 在IE9下除了首屏其他页面就不太稳定了，路由跳转的时候会发生逆跳转（从子页面跳到另一个子页面会先跳到首页再跳到另一个子页面）由于我们不太需要兼用IE9就没有处理了。

这个项目连接是eds.ingping.net 是响应式网站自适应PC ipad 手机端，大家可以参考参考