Posted at

Nuxt.js + Herokuで、簡単SPA(Single Page Application)

参考サイトの手順通りにやっていけば、簡単なSPAが出来たので、ブックマーク的な手順メモ

完成したサイトは、こちら

https://ango-maker.herokuapp.com/


プロジェクト作成


プロジェクト作成

npx create-nuxt-app <project-name>



起動

cd ango

npm run build
npm start

ブラウザで、

http://localhost:3000/

にアクセス

スクリーンショット 2019-01-27 21.01.13.png


開発モードで起動?

npm run dev


こっちであれば、ファイル更新を自動で検知してくれる模様

※開発モードって指定だからかな


GoogleAnalyticeを設定

ここの手順通りにやるだけで可能

https://github.com/nuxt-community/analytics-module

便利だなぁ〜これ


GoogleAdsenseを設定

これも、便利な機能が!

https://github.com/nuxt-community/google-adsense-module


FontAwesomeをNuxt.jsで使う

https://yinm.info/20181008/


Herokuにデプロイ

公式サイトの通りにデプロイ

 https://ja.nuxtjs.org/faq/heroku-deployment/


Bootstrapの色を変える

https://qiita.com/Cheekyfunkymonkey/items/09a28c947a59bb9a9026