勸退指南
本文是整個搭建的過程以及遇到的相關(guān)問題的解決籍茧，基本上不會有具體的原理詳解版述。當(dāng)然如果有問題評論區(qū)隨時提問踢代，看到我會第一時間回復(fù)你的（如果我會的話）悴务。
本次是從零開發(fā)（代碼量略大），各位觀眾老爺想要跟著我的文章一起搭一個的話需要你有一個前端應(yīng)有的基礎(chǔ)??????位隶，如果沒有的話先收藏一下本文??吮龄，然后去學(xué)一下js以及其他的前端基礎(chǔ)知識俭茧，再回來開始搭建吧！＠熘恪Ｄ刚！尝抖！
還有還有還有毡们，搭完一定要讓別人看見對吧，需要一點點的投資去買服務(wù)器昧辽，要不搭出來也沒意義（別人看不見就是沒寫一樣）衙熔。當(dāng)然，如果你是為了練手或者就是想看一下別人的搭建過程當(dāng)我沒說搅荞。
本人的還沒寫完红氯，所以可以先參考一下大佬的博客框咙，差不多一樣。
架構(gòu)選型
-
前端
-
CMS后臺管理系統(tǒng)
- 前端框架：依舊采用的是NEXT，最開始其實我想直接用React的构蹬，但是React的路由太麻煩了換成了NEXT王暗。
- UI框架 ：Ant使用AntD的原因是因為他對表單以及一些CMS相關(guān)的UI支持的非常好，開箱即用
-
后端
- NodeJS框架： Koa使用Koa的原因是輕量庄敛，開箱即用俗壹，簡單方便。
-
數(shù)據(jù)庫
- MongoDB: 使用MongoDB的原因是這個最熟（只會這個??????）藻烤。
-
運維
- 現(xiàn)在預(yù)想的是通過K8s實現(xiàn)自動話構(gòu)建绷雏，部署。這是要學(xué)的東西不會我也很慌怖亭。
CSS統(tǒng)一用的styled-components寫的涎显，沒有樣式污染，CSS-IN-JS 簡單方便兴猩，代碼優(yōu)美期吓。
代碼統(tǒng)一用github倉庫管理，沒有為什么Ｇ阒ァＬ智凇！３苛怼潭千！最大的同性交友網(wǎng)站
基礎(chǔ)準(zhǔn)備
作為一個前端，不會沒有Node環(huán)境吧借尿，沒有就先去裝一個吧脊岳。
然后你要有一個git賬號去管理你的代碼，沒有就去注冊一個吧垛玻。你也可以使用gitee。
以上內(nèi)容就不詳細(xì)教了奶躯，有問題推薦Google or Baidu
對自己的要求
- 通過本項目學(xué)習(xí)TS的使用帚桩。
- 構(gòu)建流水線進(jìn)行自動化構(gòu)建部署。
- 性能優(yōu)化嘹黔，盡自己最大的能力優(yōu)化這個項目（當(dāng)然是在搭建完成的基礎(chǔ)上）账嚎。
- 加一些自己之前沒寫過的莫瞬，比如動畫。這個也是要先在基礎(chǔ)功能完成的情況上郭蕉。
- 如果可以疼邀，添加一些埋點用來做網(wǎng)站數(shù)據(jù)的展示，做網(wǎng)站不就是為了這個嗎????召锈。
- 想到什么再補(bǔ)什么吧............
開篇總結(jié)
我會持續(xù)更新這個系列的內(nèi)容旁振，看完別忘了點贊，收藏涨岁，防止后續(xù)找不到拐袜，即使用不到也先備著唄。
我一定不會太監(jiān)的Ｉ倚健５牌獭！１病Ｌ鹋省！
