iT邦幫忙

鐵人檔案

2017 iT 邦幫忙鐵人賽
回列表
Modern Web

30 天打造 MERN Stack Boilerplate 系列

Modern Web 的技術日新月異,但環境設定越來越繁瑣,組織程式也越來越不易,這對許多人而言,起手一個專案經常會是一個痛點,所以我想在接下來的30天裡介紹我的解法——打造一個結構健全、彈性、自動化、容易客製化、內建充足基礎設施(Infrastructure)的 Web 專案樣板

鐵人鍊成 | 共 30 篇文章 | 51 人訂閱 訂閱系列文 RSS系列文
DAY 21

Day 21 - Testing - Technique Stack

目前 Boilerplate 的測試覆蓋率還很低,主要是因為筆者對這塊也不是很熟,但還是針對我所使用的測試工具 Mocha 和 Travis 做個開場吧! Mo...

2016-12-21 ‧ 由 gocreating 分享
DAY 22

Day 22 - Testing - 撰寫 End-To-End API 測試

各位是否還記得在 Day 12 - Infrastructure - Isomorphic API 中,我們提出了 API 特殊寫法與用法,事實上這樣的寫法除了...

2016-12-22 ‧ 由 gocreating 分享
DAY 23

Day 23 - Testing - Travis

使用 Travis Travis 的使用方式非常容易,以 Github 專案為例,只要在專案根目錄建立 .travis.yml 檔案就完成一半了,另一半則是要自...

2016-12-23 ‧ 由 gocreating 分享
DAY 24

Day 24 - Deploy - Technique Stack

一個 Web App 經過了開發和測試週期之後,最終要面對的就是部署上線,目前 Modern Web 的趨勢幾乎不考慮自架 Server 了,主要都是仰賴 AW...

2016-12-24 ‧ 由 gocreating 分享
DAY 25

Day 25 - Deploy - Heroku

Deployable App 要讓 Node 的 Web App 部署在 Heroku 上需要注意兩件事: Procfile 為了讓 Heroku 知道如何...

2016-12-25 ‧ 由 gocreating 分享
DAY 26

Day 26 - Example - Start a new project

Mirror Branch 我們先前費了很大的力氣,打造出一個這麼完整的 Boilerplate,但是究竟要怎麼拿它來加速開發客製化的程式呢?直覺上當然就是直接...

2016-12-26 ‧ 由 gocreating 分享
DAY 27

Day 27 - Example - Todo List App

整個 Boilerplate 包覆了前端 Flux 及後端 MVC,還要注意 API、Pagination 等大大小小的細節,如果直接抓了 Boilerplat...

2016-12-27 ‧ 由 gocreating 分享
DAY 28

Day 28 - Case Study - Customization for your own app

我們費了這麼大工夫搞出這麼一個 Boilerplate,要怎麼知道它不是紙上談兵,而是真的可以上線當做商業服務呢?最好的辦法當然就是拿它來實作商業應用! 現階段...

2016-12-28 ‧ 由 gocreating 分享
DAY 29

Day 29 - Feature Works & Issues

前面我們從開發上的細節,一路談到測試、部署,算是圓滿走完一個迴圈了,但是,這樣的 Boilerplate 其實還有很多不足之處,對我來說,它永遠都是有改進空間的...

2016-12-29 ‧ 由 gocreating 分享
DAY 30

Day 30 - 結語

這是一個有始有終的系列文章,即使今天是最後一章,我還是會把自己身上的技術涵養往讀者們的身上灌。 其實 Boilerplate 的應用情境非常多元,而我希望提供的...

2016-12-30 ‧ 由 gocreating 分享