Next.js 腳手架進(jìn)階 —— 擴(kuò)展為全棧腳手架

flyer_dev 發(fā)布于2019-05-23 11:48 / 735人閱讀

摘要：在這里我按照自己的理解粗略的畫一個(gè)圖吧，主要也是為了讓大家能更簡單明白我的意思文章寫的越來越高級(jí)了

Next.js腳手架進(jìn)階系列

完美契合ant-design

封裝fetch && 增加中間件

部署上線

Zeit Now部署

擴(kuò)展為全棧腳手架

寫在前面

作為一個(gè)前端，或者說普遍意義上的前端，應(yīng)該是只做前端應(yīng)該做的事，涉及到后端相關(guān)的知識(shí)可能接觸不多，甚至，我們?cè)谑褂梅?wù)端渲染框架的時(shí)候也只是把它當(dāng)作優(yōu)化首屏渲染速度和利于SEO的一種手段，本文就逆向思維的來擴(kuò)展Next服務(wù)端渲染腳手架成一個(gè)全棧腳手架。

分支是Next-Antd-Scaffold_backend分支

以前在沒接觸服務(wù)端渲染的時(shí)候就會(huì)總有這種思路，一般nodejs寫項(xiàng)目大體都是nodejs框架（一般我選擇express）+ 數(shù)據(jù)庫（一般我選擇MongoDB）+ 前端渲染模板，遠(yuǎn)古時(shí)期會(huì)使用ejs、jade之類的渲染模板，慢慢的前端框架寫多了，就會(huì)嘗試使用react和vue這種流行的前端框架。嗯，這應(yīng)該也是很多人的思路，也是按照這個(gè)思路，我以前寫了一篇Express + React + MongoDB實(shí)踐 —— 很巧，也是我在掘金寫的第一篇文章，思路是先搭建node端，然后渲染接入react前端框架～

然后慢慢隨著知識(shí)掌握程度加深，逆向思考了一下，nodejs寫偽全棧其實(shí)也就是幾個(gè)要素，nodejs + 數(shù)據(jù)庫 + 前端頁面。其實(shí)服務(wù)端渲染框架已經(jīng)具備了寫大前端項(xiàng)目的一些要素。我們只需要在node端把路由api接入，然后在node 端連接上數(shù)據(jù)庫，一個(gè)簡單的全棧架構(gòu)就完成了其實(shí)，剩下的就是按照我們以前的書寫習(xí)慣與規(guī)范，進(jìn)行業(yè)務(wù)開發(fā)，當(dāng)然既然是全棧，在以往只寫前端頁面的基礎(chǔ)上你需要設(shè)計(jì)數(shù)據(jù)庫，書寫API等更加龐大的工作。在這里我按照自己的理解粗略的畫一個(gè)圖吧，主要也是為了讓大家能更簡單明白我的意思～

文章寫的越來越高級(jí)了