#Nuxt.js #Vue.js #Vite #Vue_3

後述するNitroは様々な環境で動作させられるように実装されており、Cloudflare WorkersやFirebase(Cloud Functions+Hosting), Deno Deployなどの様々な環境へデプロイが可能

Nuxt 3に搭載されているサーバエンジン

ohmyfetchの $fetch を使用して、APIの呼び出しを効率化

ブラウザ上であればAPIを呼ぶ

サーバ上であれば関数を直接呼ぶ

API routesまたはmiddlewareの型の自動生成

server/api 配下にファイルを配置すると、API routesを定義できます。

Nuxt 3のコマンドラインツール

nuxi dev や nuxi build は型チェックを行わない

nuxt.config で下記プロパティを設定することで、アプリに環境変数などの値を公開できる

publicRuntimeConfig - クライアントサイドからもアクセスできる

privateRuntimeConfig - サーバサイドからのみアクセスできる

Runtime Configは useRuntimeConfig() でアクセスできる

API routesからアクセスしたいときは #config から import する