旅好きエンジニアのメモ

旅のこと映画、統計、会計、プログラミングなど、気の向くままに語ります

Nuxt.jsをfirebaseにデプロイする方法

Nuxt.jsでアプリを作成する

hogeがアプリケーション名です。

vue init nuxt-community/starter-template hoge

セットアップ

cd hoge
npm install

ローカルで確かめてみる

npm run dev

下記にアクセスして問題ないか確かめます。
localhost:3000

firebaseを導入

npm install -g firebase-tools
firebase init hosting
? What do you want to use as your public directory? (public) 

=> distと入力

? Configure as a single-page app (rewrite all urls to /index.html)? (y/N)

=> yと入力

firebaseにデプロイ

本番環境をローカルで確かめる

npm run build
npm run start

firebaseにデプロイする

npm run generate
firebase deploy

一応、ポートフォリオサイト作ってみました

githubにも上げているので参考にしてみてください。

ポートフォリオサイト

github