Nuxt を Layer0 でデプロイする

Nuxt アプリケーション を Layer0 にどうやってデプロイするのか？

Layer0 はユニバーサル（SSR）な Nuxt アプリケーションに対応しています。

Layer0 はヘッドレス・フロントエンドの開発、デプロイ、プレビュー、実験、監視、実行のためのオールインワン・プラットフォームです。これは大規模のダイナミックな web サイトと、EdgeJS（JavaScript をベースにしたコンテンツ・デリバリー・ネットワーク）、プレディクティブ・プリフェッチ、パフォーマンス・モニタリングでのクラス最高のパフォーマンスに焦点を当てています。Layer0 は無料版を提供しています。

詳しい説明は Layer0 Nuxt documentation を参照してください。

はじめに

1. 無料アカウントで Layer0's signup page にサインアップしてください。
2. Layer0 CLI をインストールしてください。

yarn global add @layer0/cli

npm i -g @layer0/cli

プロジェクトの設定

3. サーバーサイドレンダリングが有効になっていること を確認し、nuxt.config.js を @layer0/nuxt モジュールに追加してください：

// nuxt.config.js

module.exports = {
  modules: ['@layer0/nuxt/module']
}

4. Layer0 用にプロジェクトを設定する layer0 init を実行してください。

プロジェクトの実行とデプロイ

5. ローカルでアプリケーションのテストをするため、プロジェクト・ディレクトリで以下を実行してください：

layer0 run

6. アプリケーションをデプロイするため、プロジェクトディレクトリで以下を実行してください：

layer0 deploy

アプリケーションのパフォーマンスを最適化する

• （任意）Nuxt のサーバーサイドレンダリングのパフォーマンスを最適化するため、Layer0 は Layer0 Nuxt ガイドの modules vs buildModules section でも説明されているように、ほとんどのモジュールを buildModules に移行することを推奨しています。
• （任意）Layer0 は Nuxt の組み込みルーティングスキーマに自動で対応しています。しかし Layer0 Nuxt ガイドの Routing section にあるように、EdgeJS 経由でルーティング、キャッシュ、プリフェッチをカスタマイズすることでパフォーマンスを最適化できます。

ヘルプ

問題が発生した時は、ガイドの Troubleshooting section をチェックするか、forums でチケットを作成してください。