nuxt.js(v2)の導入方法

Nuxt.jsがv２になった。
インストール方法はドキュメント参照のこと
↓
https://ja.nuxtjs.org/guide/installation/

2018/10/3現在、nuxt2ドキュメントは英語版のみ。日本語翻訳版お待ち申し上げます。
日本語版ができました！しかしながら、躓いたときは最新のバージョンは英語版を確認すること。

Link

以下、公開中のnuxt.js(v2)関連の記事一覧

技術よりの記事

1. nuxt.js(v2)のインストール〜ESLint設定まで
2. nuxt.js(v2)の作業ディレクトリを整理
3. nuxt.js(v2)のベースURLをターミナルからコントロール
4. nuxt.js(v2)でpug/stylusを利用する
5. nuxt.js(v2)でIE11対応をする（CSS編）
6. nuxt.js(v2)でIE11対応をする（JS編）
7. nuxt.js(v2)で絶対パス(https~)を取得する方法
8. nuxt.js(v2)でSEOに必要なmeta(OGP)を入れたい
9. nuxt.js(v2)でSEOに必要なmeta(OGP)で入力漏れの事故をなくす
10. Nuxt.js(v2)で静的なJSONファイルを読み込み、いろんな所で使う。

よく使うプラグインのお話

1. nuxt.js(v2)で便利なvue-mqを使ってみるがSSRモードでコンソールエラーがでるので確認してみた。
2. nuxt-linkでスムーズスクロールするならvue-scrolltoが便利で気が利いている…と思う。
3. nuxt.jsでパララックスをするならvue-parallax-jsがお手軽。Cool!
4. nuxt.js(v2)へBuefyを入れた。全部入れでOKだった…嬉しい。

まとめ系

1. nuxt.js(v2)でgenerate納品する前にやっておきたい設定
2. nuxt.jsにおける「components」ディレクトリの規約（案）

---

チェック項目（備忘録）

UI framework Test

個人的にvuetifyが好き。bootstrapはbootstrap臭がするので使わない。

• vuetifyアラカルト
  ↓
  追記：nuxt.jsでは、css側でのベース変更が、componentの読み込み時に反映されない。抜ける方法もあるが正式サポートではないためあきらめモード。
  ↓
  追記：vuetify（v2）が間もなく登場する模様。要期待。
  ↓
  追記：vuetify（v2）がstylusからscssになるかも。がっくり。stylusいいのになぁ。
  ↓
  追記：vuetify-loaderがあった！nuxt-vuetify-loaderを参考に構築したら瞬殺だった。実務で使える。

• Buefyテスト（ちょうどよいプロジェクトに当たったので使ってみる。）

よく使う、awesome-nuxtテスト

• @nuxtjs/pwa
• @nuxtjs/sitemap
• @nuxtjs/google-tag-manager

よく使う、awesome-vueテスト

• vue-mq
• vee-validate
• vue-scrollto
• vue-vue-parallax-js
• vue-sidebar-menu
• vue-awesome-swiper
• vue-observe-visibility
• vue-perfect-scrollbar

よく使う、その他テスト

• postcss-normalize

server-side frameworks Test

• expressを最後にテスト予定(やらないかも）