从零开始搭建自己的博客平台:前端开发指南(持续更新-开篇)

劝退指南

本文是整个搭建的过程以及遇到的相关问题的解决,基本上不会有具体的原理详解。当然如果有问题评论区随时提问,看到我会第一时间回复你的(如果我会的话)。

本次是从零开发(代码量略大),各位观众老爷想要跟着我的文章一起搭一个的话需要你有一个前端应有的基础⚠️⚠️⚠️,如果没有的话先收藏一下本文😜,然后去学一下js以及其他的前端基础知识,再回来开始搭建吧!!!!!

还有还有还有,搭完一定要让别人看见对吧,需要一点点的投资去买服务器,要不搭出来也没意义(别人看不见就是没写一样)。当然,如果你是为了练手或者就是想看一下别人的搭建过程当我没说。

本人的还没写完,所以可以先参考一下大佬的博客,差不多一样。

架构选型

  • 前端

    • 前端框架:NEXT.js因为next是支持服务端渲染的,所以对我们的网页来说会访问速度很快。
    • UI框架 :Chakra UI使用Chakra UI的原因是,他的自适应做的非常好,可以减少我们许多自适应布局的样式。
  • CMS后台管理系统

    • 前端框架:依旧采用的是NEXT,最开始其实我想直接用React的,但是React的路由太麻烦了换成了NEXT。
    • UI框架 :Ant使用AntD的原因是因为他对表单以及一些CMS相关的UI支持的非常好,开箱即用
  • 后端

    • NodeJS框架: Koa使用Koa的原因是轻量,开箱即用,简单方便。
  • 数据库

    • MongoDB: 使用MongoDB的原因是这个最熟(只会这个😭😭😭)。
  • 运维

    • 现在预想的是通过K8s实现自动话构建,部署。这是要学的东西不会我也很慌。

CSS统一用的styled-components写的,没有样式污染,CSS-IN-JS 简单方便,代码优美。

代码统一用github仓库管理,没有为什么!!!!!最大的同性交友网站

基础准备

作为一个前端,不会没有Node环境吧,没有就先去装一个吧。

然后你要有一个git账号去管理你的代码,没有就去注册一个吧。你也可以使用gitee。

以上内容就不详细教了,有问题推荐Google or Baidu

对自己的要求

  1. 通过本项目学习TS的使用。
  2. 构建流水线进行自动化构建部署。
  3. 性能优化,尽自己最大的能力优化这个项目(当然是在搭建完成的基础上)。
  4. 加一些自己之前没写过的,比如动画。这个也是要先在基础功能完成的情况上。
  5. 如果可以,添加一些埋点用来做网站数据的展示,做网站不就是为了这个吗😏😏。
  6. 想到什么再补什么吧............

开篇总结

我会持续更新这个系列的内容,看完别忘了点赞,收藏,防止后续找不到,即使用不到也先备着呗。

我一定不会太监的!!!!!!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容