Nuxt.jsの基礎勉強-surgeを使ってwebに公開してみた-

はじめに

今回はNuxt.jsの勉強の一環として、適当なウェブページを作成したので、そのページをsurgeにデプロイした話についてまとめる。

完成ページ

• nuxt-example-page

surgeとは

基本無料で使えるデプロイ先になります。(SSLの発行や多数のプロジェクトをアップするのは有料版になるっぽい)

• Pricing • Surge

surgeにデプロイする

ここを参考にsurgeにデプロイしてみる。

• Surge へデプロイするには？ - NuxtJS

surgeのインストール

$ npm install -g surge

アップロードするプロジェクトをビルドする

$ npm run generate

surgeにデプロイ

$ surge ./dist

この時にメールアドレス等聞かれるので、会員登録し、メールアドレスを有効化するとデプロイできる。

surgeのその他コマンド

-surge - npm - 無料で手軽！コマンド一つで静的サイトホスティングできるSurgeを試してみた。 | dotstudio

プロジェクト一覧

$ surge list

プロジェクトの破棄

$ surge teardown プロジェクト名

終わりに

surgeを使うメリットとしては、簡易的なwebページをすぐあげれることかなと思う。 その一方で、SSL等は有料になるので、無料版だと個人情報のやりとりを行うweb appを上げる際は注意が必要になってくる。