如標題所示，Yang爆肝三天多學習了服務(wù)器相關(guān)知識和Node服務(wù)端框架Nest，上手React18的SSR渲染Nextjs，寫出了一個最適合新手全棧業(yè)務(wù)開發(fā)入門的一個即時通訊項目

前言

Yang從0開始學習到完成這個項目總共花了三天多的時間，但是Codereview一遍之后再仔細想想，如果讓我現(xiàn)在再寫一遍這個項目，三個小時即可完成，畢竟前置知識都學完了(嘿嘿)

項目體驗地址：點擊這里進入即時通訊項目??????

項目前端React18倉庫：https://github.com/BoyYangzai/Instant-messaging-React18
項目后端Nestjs倉庫：https://github.com/BoyYangzai/Instant-messaging-Nest
歡迎點個star?
該項目的學習筆記：https://www.yuque.com/boyyang/ouk6df

本項目適合以下人群：

• Vue開發(fā)者--想學習React18全家桶/Nextjs?

• 純前端開發(fā)--對服務(wù)器知識不了解?

• JS基礎(chǔ)牢固--想進階初級全棧開發(fā)?

• 項目經(jīng)歷少--對websocket即時通訊項目感興趣?

• 前后端基礎(chǔ)薄弱-但肯吃苦學習???
  如果你滿足以上五個條件之一，不妨花幾天時間從純前端進階一下初級全棧開發(fā)，從單純的vue開發(fā)這變成雙技術(shù)棧開發(fā)者，提升自己的核心競爭力
  也可以在此項目基礎(chǔ)上二次開發(fā)或移植到APP或小程序上，變成一個經(jīng)典校園社交軟件項目

  掌握這個項目你能學會：

  服務(wù)器入門+數(shù)據(jù)庫Sequelize(Mysql)+PM2項目部署??
  Nestjs企業(yè)級Node服務(wù)端框架+JWT+Websocket??
  React18/服務(wù)端渲染Nextjs+Redux-toolkit+styled-components??

  入門全棧業(yè)務(wù)開發(fā)學習路線指南：

1.了解linux服務(wù)器基礎(chǔ)(推薦新手使用寶塔)+Mysql數(shù)據(jù)庫基本操作+服務(wù)器項目基本部署

這里推薦使用騰訊云輕量服務(wù)器，然后***h鏈接，自帶寶塔，可推送文件到服務(wù)器上
推薦文章-服務(wù)器連接：https://juejin.cn/post/7049692191110725645#heading-21
推薦文章-***端口：https://www.yuque.com/boyyang/ouk6df/erio5o
PM2項目部署：https://juejin.cn/post/6960843722644783141#heading-5

最終目標：成功部署Nextjs+Nestjs全棧項目

2.學習企業(yè)級Node服務(wù)端框架Nestjs并完成JWT和websocket
Yang的Nest學習筆記：https://www.yuque.com/boyyang/ouk6df/qkp50t
Nestjs官方基礎(chǔ)課程：https://www.bilibili.com/video/BV1T44y1W7Si?spm_id_from=333.999.0.0
刷一遍Nest官方文檔：https://docs.nestjs.com/
刷一遍socket.io官方文檔：https://socket.io/
Nest集成socket.io入門：https://docs.nestjs.com/websockets/gateways
配置完成初始化Nest+JWT：https://github.com/BoyYangzai/nest-jwt-init-template

最終目標：完成即時通訊項目后端開發(fā)：https://github.com/BoyYangzai/Instant-messaging-Nest

3.從Vue3.2過渡上手React18服務(wù)端渲染Nextjs
Yang的Next學習筆記：https://www.yuque.com/boyyang/ouk6df/lo8ob0
ReactHooks：https://react.docschina.org/docs/hooks-intro.html
Nextjs-SSR部署+踩坑：https://nextjs.org/ （這里一定要看英文文檔）
上手Redux-toolkit、styled-components等工具類庫

最終目標：完成即時通訊項目前端開發(fā)：https://github.com/BoyYangzai/Instant-messaging-React18

4.最終效果--簡易全棧在線聊天室完成！

尾言

希望這個項目可以幫助更多迷茫無從下手的前端er快速入門全棧業(yè)務(wù)開發(fā)??
能獨立完成這個項目的朋友一定在前端這條道路上揮灑過自己的汗水，我們一起加油！
洋的博客：https://www.yuque.com/boyyang