Help us understand the problem. What is going on with this article?

『Nuxt + Firebase Hosting』で超速deploy

Nuxt.js導入

公式リファレンスを参考に行いましょう。

プロジェクトの作成

npx create-nuxt-app <project-name>

色々聞かれるのでお好みの設定で。
それぞれ何を聞かれているかは公式の方に記載されています。

インストール & 起動

cd <project-name>
npm install
npm run dev

問題なくローカルで確認できればOK

Firebaseの導入

事前準備

Firebaseのサイトにてログインし、
『 プロジェクトを追加 』を選び任意の名前でプロジェクトを作成しておく。

パッケージのインストール

npm install -g firebase-tools

Firebaseにログイン

firebase login

Webページを開いて良いか聞かれるのでyを選択し、web上でログインを行います。

Firebaseの初期設定

firebase init

① 接続するプロジェクトを聞かれるので、既存のプロジェクトの先ほど作成したプロジェクトを指定しましょう。
② 公開ルートディレクトリを聞かれるので、Nuxtの仕様に合わせdistと答えましょう。

これらも詳細は公式で確認してください。

Deployを行う

まずdeploy用にdistファイルを作成する

npm run build
npm run generate
deployする!
firebase deploy

deployが完了すると公開URLが表示されるので、そこに飛ぶと公開された実物が見れるはずです!

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Comments
No comments
Sign up for free and join this conversation.
If you already have a Qiita account
Why do not you register as a user and use Qiita more conveniently?
You need to log in to use this function. Qiita can be used more conveniently after logging in.
You seem to be reading articles frequently this month. Qiita can be used more conveniently after logging in.
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
ユーザーは見つかりませんでした