參考資料地址1：https://pan.baidu.com/s/1GSAqSMLx40q8hmXQr8c7Nw 提取碼：zzbv?

參考資料地址2：https://pan.baidu.com/s/1XatQdCYMVRvMyiEeWFOJPg 提取碼：ni3i?

Next.js 是一個用于構(gòu)建現(xiàn)代化 React 應(yīng)用程序的框架。它強調(diào)性能、開發(fā)體驗和 SEO 優(yōu)化，是許多 React 開發(fā)者的首選。Next.js 提供了許多功能，包括：

服務(wù)器渲染（SSR）： Next.js 允許在服務(wù)器端渲染 React 應(yīng)用程序，從而提高了應(yīng)用程序的性能和 SEO。

靜態(tài)網(wǎng)站生成（SSG）： 你可以使用 Next.js 生成靜態(tài)網(wǎng)站，以提供更快的加載速度和更好的用戶體驗。

熱模塊替換（HMR）： Next.js 支持熱模塊替換，使開發(fā)者可以在不刷新頁面的情況下實時預(yù)覽更改。

路由和數(shù)據(jù)預(yù)?。?Next.js 提供了簡單易用的路由系統(tǒng)，并支持數(shù)據(jù)預(yù)取以優(yōu)化頁面加載。

NestJS 的一些優(yōu)勢包括：

構(gòu)建在現(xiàn)代 JavaScript 棧之上，因此使用了最新的 JavaScript 技術(shù)。

基于 Angular 的架構(gòu)和語法，提供了強大的模塊化系統(tǒng)和依賴注入功能。

基于 TypeScript，提供了強類型和靜態(tài)類型檢查。

提供了豐富的工具和模塊，可用于構(gòu)建各種類型的服務(wù)器端應(yīng)用程序，包括 RESTful API、GraphQL API、WebSocket 服務(wù)器等。

提供了一組可擴展的構(gòu)建塊，可用于快速構(gòu)建應(yīng)用程序。

提供了與主流數(shù)據(jù)庫和身份驗證系統(tǒng)的集成。

準備工作

首先我們要把 Nest.js 服務(wù)端跑起來，并且支持 api 接口、靜態(tài)頁面。

Nest.js 創(chuàng)建一個 crud 服務(wù)是非?？斓模恍枰@么幾步：

安裝 @nest/cli，使用 nest new xxx 創(chuàng)建一個 Nest.js 的項目，

在根目錄執(zhí)行 nest g resource person 快速生成 person 模塊的 crud 代碼

npm run start 啟動 Nest.js 服務(wù)

這樣一個有 person 的 crud 接口的服務(wù)就跑起來了，是不是非常快

在前面我們知道了，NestJs的項目結(jié)構(gòu)是由Controller、Service、Module三個主要部分組成的，它們共同組成一個模塊。

Controller: 控制器，通過@Controller()裝飾器定義的類，目的是接收應(yīng)用的特定請求。路由機制控制哪個控制器接收哪些請求。通常，每個控制器有多個路由，不同的路由可以執(zhí)行不同的操作。它的功能類似Spring，主要就是為前端提供api接口，以及一些簡單的驗證。

Service: 提供者，又稱為Provider，通過@Injectable()裝飾器定義的類，功能也類似Spring的服務(wù)層，主要負責處理具體的業(yè)務(wù)，邏輯代碼一般都寫在這里。