Nuxt.jsではじめるときのやることリスト(SSRも国際化も自動デプロイも) - くらげになりたい。
Nuxt.jsでプロジェクトをはじめるときにいつもやることが整理してみた。 モジュールが多いので、いろいろ設定が必要だけど、ヌケモレあったりするので。。 Nuxt.jsのバージョンは、2.5.1です。 いつもやることの概要 作成したいプロジェクトは以下な感じ TypeScript/Sassを使う、UIはBuefy/Bulma Firebase Hosting / Cloud Functionsを使ってSSR 英語版/日本語版と国際化したいので、nuxt-i18nも入れる SEOも気にするので、各種設定&各ページで個別にタイトルとかを設定 Google Analyticsやsitemapなどももちろん Firebaseへのデプロイは、CircleCIで自動化したい 最終的な例は、GitHubにおいています。 Nuxt.js Template using TypeScript, Sass an
Nuxt.jsでGoogle Analyticsを使おうとしたら、簡単だった。 - くらげになりたい。
Nuxt.jsでGoogle Analyticsしたかったので、いろいろ調べたときの備忘録。 公式プラグインがあるらしい(Google Analytics Module) 中では、vue-analyticsを使っているので、基本vue-analyticsのドキュメントを見るっぽい。 インストール $ npm install --save @nuxtjs/google-analytics nuxt.config.jsでの設定 ID設定のみ modules: [ '@nuxtjs/google-analytics', { id: 'UA-xxxxx-x' } ], 他の設定もしたいとき modules: [ "@nuxtjs/google-analytics"], "google-analytics": { id: "UA-XXXXX-XX", }, ページのトラッキング 勝手にやってくれるっ
nuxt-i18nでNuxt.jsの国際化して、英語版と日本語版を用意する - くらげになりたい。
Nuxt.jsでアプリ作るけど、やっぱり国際化大事。英語版と日本語版は作っておきたい。。 nuxt-i18nを使うと簡単に多言語対応できたので、その時の備忘録。 インストール $ npm install --save nuxt-i18n 設定 modules: [ ['nuxt-i18n', { strategy: "prefix_and_default", // デフォルトのlangも言語指定のパスを生成する設定 locales: [ { code: 'ja', iso: 'ja_JP' }, { code: 'en', iso: 'en_US' }, ], defaultLocale: 'ja', vueI18n: { fallbackLocale: 'ja', messages: { // メッセージはここで設定 "en": { "hello": "HELLO" }, "ja": {
NuxtをTypeScript化するときのやりかた - くらげになりたい。
Vue.jsとNuxt.jsでいろいろ作っているけれど、TypeScriptが素敵すぎる。。 create-nuxt-appだとTypeScriptがないので、TypeScript化するときにやることを整理したときのメモ TypeScriptが使えるように設定する 0. ディレクトリ構成 ディレクトリ構成はこんな感じ。 プロジェクトはcreate-nuxt-appで作成 Firebase Functionsも使うので、app配下をsrcDirに変更している . ├── app ... NuxtのsrcDir │ ├── assets │ ├── components │ ├── layouts │ ├── middleware │ ├── pages │ ├── plugins │ ├── static │ └── store ├── functions ... Firebase Func
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
