最近的一个业余项目，把自己喜欢的几项技术玩了个遍。离开公司下班后，给一家深圳做外贸出口的珠宝首饰公司搭建了他们的独立展示型B2B网站。全程花了大约一周时间，最终拿到了900元开发费。虽然这个价格只是开发和部署本身，并没包含服务器和域名，但整个过程还是挺有收获的，也很有成就感。
在自己服务器也搭建了一套：
预览地址 http://006.fktool.com
这次项目前后端分离，前端用了React结合Next.js，后端选了老朋友Django，数据库用的MySQL。网站是在Ubuntu系统服务器上部署，前端服务器是Nginx。整体架构非常主流，也很适合快速开发和上线。首页、产品页、关于我们和联系页面，是典型的外贸B2B展示型站点架构。右下角做了个常驻的询盘浮窗，用起来很顺手，客户直接在任何页面发询盘都没问题。
网站的前端用Next.js实现了SSR（服务端渲染），首页响应速度很快，不管是PC还是手机，页面都自适应。这么做一个好处，就是网站加载速度快，用户体验优，尤其适合首屏加载有很多图片的外贸站。另外，因为Next.js SSR天然利于爬虫抓取，SEO优化也更容易做。
在SEO方面，这次我们下了一些功夫。每个页面的meta标签都做了详细设置，产品详情页有自定义TDK（标题、描述和关键词），还加了自动生成的sitemap.xml，方便搜索引擎抓取。实际效果不错，网站上线4天后就被Google收录了，这对于新站来说已经属于很快的节奏。
社交媒体分享功能也不能落下，国外客户常用的Facebook、Twitter等按钮集成在每个产品页面，客户看中了直接可以转发，用起来很方便。
部署的时候，因为习惯Linux，所以全站都放在了一台Ubuntu云服务器上。前端用Nginx做代理静态文件，后端Django则负责业务和数据库API接口。数据方面选择MySQL，搭配起来既稳定又好维护。