Nuxt.jsのserver middlewareを使って手軽にBFF(Backends For Frontends)を導入する
Nuxt.jsには、serverMiddlewareという機能があります。この機能を利用するとNuxt.js内部でAPIサーバを構築することができます…
検索ワード：Nuxt.js22件
Nuxt.jsの環境変数管理方法について
Nuxt.jsで作ったアプリケーションをコンテナ化して、kubernetesのPodとして稼働させるようなケースでは、外部APIサーバ情報などを環境変…
Nuxt.jsプロジェクトにCypressでE2Eテストを導入した際にGitLabCIでエラーが発生しちょっと困った話
Vue, Reactに代表されるSPAのjavascriptフレームワークが増えたことで、フロンドエンドのテストが重要になってきました。少し前ではE2…
Nuxt.js2.14.6からNuxt.js2.15.0へバージョンアップしました
先日Nuxt2.15.0がリリースされました。せっかくなので開発中のNuxtプロジェクトでバージョンアップ作業に取り組んでみたので紹介します。Nuxt…
Nuxt.jsにComposition APIを利用して1ヶ月でどう変わったか
Vue3での目玉として追加された機能の一つであるComposition APIは、2020年09月18日に正式リリースされ、4ヶ月が経ちました。この機…
Nuxt.jsでwebページの背景に画像を埋め込む方法
今回はwebサイトの背景に画像を表示する方法についてまとめてみます。まずは、nuxtのビューの構造について、Nuxt.jsの公式ページにある画像をベー…
Nuxt.js(universal)をFirebaseHostingでクッキーを利用する際にハマったこと
Nuxt.jsのuniversalモードをFirebase Hostingというホスティングサービス上で動作させようとしたときにかなりハマったので、そ…
Nuxt.jsでビルド時にout of memoryになる
nuxtにtypescriptを入れたnuxtプロジェクトにて、古くなったパッケージの更新を行った後に遭遇したメモリエラーの記録です。実際は、node…
Nuxt.jsで導入している@nuxtjs/eslint-config-typescriptでno-useless-constructorエラーが表示される。
NuxtTypeScriptの公式で紹介されている方法では、Eslintの設定に@nuxtjs/eslint-config-typescriptを利用…
Nuxt.jsでCore-JSのバージョン3を指定する方法
きっかけ 利用しているパッケージの脆弱性をチェックした際にパッケージをアップデートすることで解決できそうだったのでバージョンアップしたのですが、Cor…
Nuxt.jsプロジェクトにあとからjestを利用できるようにする際にハマったこと
Nuxt.jsでは、プロジェクトを新規作成する際に単体テストフレームワークを利用するかどうかを選択することができます。今回は、単体テストフレームワーク…
Nuxt.jsで頑張らずにTypescriptを導入する
Next.jsやVue.jsを利用して、Typescriptを利用する方法は、3パターンあります。 Options API Composition A…
Nuxt.jsのローカル環境でのSSL証明書を数分で設定する方法
きっかけ 世の中には、便利なSaasのサービスが溢れています。 そのサービスの中には、個人情報を扱ったりするため、適切に暗号化をした環境で利用すること…
Nuxt.jsで作成したアプリケーションにBasic認証機能を追加する
概要 ローンチ前のサービスを開発・ステージング環境想定のパブリッククラウド時にデプロイして、プロジェクトメンバー(開発者、デザイナー、テスターなど)で…
axiosにリトライパラメータを追加する方法について
axiosライブラリにリトライパラメータを追加して、柔軟なリトライ処理を行う方法について紹介します。以前、Repository Factoryパターン…
Vue3.x系でのevent bus実装について
Vue3.x系がリリースされてから1年が立ちました。nuxt.jsもVue3.x系が取り込まれた際の移行を意識して、Nuxt Composition …