練習使用 nuxt + firebase 建立簡易「xxx二選一」應用服務。
使用 nuxt 作 SSR,project structure 也參照 nuxt 結構,使用 firebase 作為後端 DB 與儲存空間,使用 Heroku deploy 服務。
- 建立比賽
- 紀錄選擇過程,無痛接軌
- 統計資訊
- 搜尋功能
https://vs-platform-demo.herokuapp.com/
準備firebase.json
,參考plugins/firebase.json.example
。
{
"apiKey": "",
"authDomain": "",
"databaseURL": "",
"projectId": "",
"storageBucket": "",
"messagingSenderId": "",
"appId": "",
"measurementId": ""
}
# install dependencies
npm install
# serve for development
npm run dev
# build for production and launch server
npm run build
npm run start