Next 是一個React的Lib 有許多不錯的功能例如SSR(Server Side Render) 或是 檔案目錄就是Router的功能 而React的好處就是元件很多,如果是SPA (single page appcation) 通常只要 import 就可以使用 ,但Next 有SSR設定上要考慮到 Server Side 與 ClientSide運行的狀況,Next.js有許多跟不同元件整合的範例,可以省去很多摸索的時間

Ant 由阿里巴巴團隊 維護的樣板套件,除了美觀 也可以經由 less 去調整外觀 使用上有原本要管理State的部分 ant有提供getFieldDecorator來幫忙管理,讓開發起來簡單許多,官方網站有中文版,後續會有CRUD 的章節會介紹如何與Next 配合使用

Apollo Graphql 由 https://meteor.com 團隊開發, 整合了graphq 前端Client 大量使用cache功能 可以讓使用者體驗更好.根據不同需求可以使用規則來定義query時是否要重新發 fetch 或使用cache ,後端Server的部分也可以跟不同的 資料庫串接 非常的方便 ,apollo的 client cache 也可當作global state manage ,可以替代 redux , 而他的基底也是使用Rx , 常見的 loading cancelFetch error 都有支持

MongoDb noSQL的資料庫 這次使用了node當server api,而套件使用 mongoose 如果mongo更換版本 mongoose會處理掉中間差異的部分 ,其中個人覺得mogno提供的聚合部分對於複雜跨層查詢非常的好用,還可以直接吐回給 Client 需要的JSON 形狀

以上是這次30天我要分享的心得屠龍的攻略 文中有誤也歡迎指正

以下參考網址
Next https://github.com/zeit/next.js
Ant https://ant.design
Apollo Graphql https://www.apollographql.com/
MongoDb https://www.mongodb.com