今天跟大家伙儿聊聊我搞 `coser3` 官网这事儿，也算是趟了个浑水，踩了不少坑，但也学到不少东西。
接到这个活儿，说要搞个 `coser3` 的官方网站，我脑子里一片空白。`coser3` 是赶紧上网搜了一下，，原来是个挺火的真人互动游戏。行，不懂就学呗，反正程序员嘛啥都得会点。
第一步：调研！我先去看了看别人的官网是怎么搞的。找了几个类似的，比如一些游戏公司、工作室的官网，看看人家是怎么设计的，都放了些啥内容。然后，也去一些 `coser` 社区逛了逛，看看用户都在关注想要
第二步：技术选型。这块儿比较纠结，因为我个人比较喜欢用 `Vue`，觉得上手快，组件化开发也方便。但是，考虑到后期可能需要做一些复杂的交互和动画，再加上团队里有兄弟比较熟 `React`，还是决定用 `React` 来搞。没办法，团队合作嘛总要考虑一下大家的水平。
小编温馨提醒：本站只提供游戏介绍，下载游戏推荐89游戏，89游戏提供真人恋爱/绅士游戏/3A单机游戏大全，点我立即前往》》》绅士游戏下载专区
第三步：搭架子。用 `Create React App` 快速搭了个架子，把基本的路由、页面结构都搞然后，就开始写页面了。首页肯定是要好好设计的，要有游戏的介绍、`coser` 的照片、视频、下载链接等等。
第四步：踩坑之旅。这才是最要命的。
图片加载优化： `coser` 的照片都挺高清的，直接放上去，加载速度慢得要死。后来用了 `Lazy Load`，还有图片压缩，才稍微好一点。
视频播放： 视频也是个大坑。一开始直接用 `
动画效果： 想在首页加一些炫酷的动画，结果发现 `React` 的动画没那么好搞。用了 `Framer Motion`，才勉强实现了想要的效果。
服务器部署： 网站写好了，要部署到服务器上。一开始用 `Nginx`，结果各种配置问题，搞得我头都大了。后来换成了 `Vercel`，一键部署，简直不要太爽。
第五步：上线！经过一番折腾，`coser3` 的官网终于上线了！虽然还有一些细节需要优化，但总算是完成了任务。
这回搞 `coser3` 官网，虽然很累，但学到了很多东西。技术上，对 `React`、`Framer Motion`、`*` 这些库有了更深入的了解。更重要的是，学会了如何解决问题，如何与团队合作。
下次再搞这种项目，我肯定会更有经验，效率也会更高。
想说一句，程序员的路，就是一条不断学习，不断踩坑的路！
