$30 off During Our Annual Pro Sale. View Details »

Nuxt.jsの静的サイト 出力を試してみる

Shunta Saito
November 25, 2020

Nuxt.jsの静的サイト 出力を試してみる

Nuxt.jsのv2.13以降から使えるようになったという静的サイト出力機能を試してみつつ、どんなことが出来るかをデモを交えて紹介しました。API連携(API routes)についても触れています。

https://github.com/subuta/play-with-nuxt-generate

Shunta Saito

November 25, 2020
Tweet

More Decks by Shunta Saito

Other Decks in Technology

Transcript

  1. ࢑ఆରॲ ΍ͬͨ͜ͱ • 独⾃のmiddlewareを定義し、その中で “nuxt.hook('listen', (server, listener) => {})” とすることで、起動したポートを取得。

    • データ取得処理(asyncData)からそのポートをどうにか取得出来るようにし た。 • “nuxt generate” コマンドでちゃんとSSG出来るようになった
  2. ·ͱΊ • Nuxt.js v2.14.7時点ではSSG + API Routesはとてもつらい。 • 今回のリポジトリはあくまでどうにか動かしている状態なので、本家の修正 を待つほうが良いかもしれない。

    • あるいはAPIサーバをバックグランド起動(&付ける)して、”nuxt generate”、 その後起動したAPIサーバをkillするとか・・ • もっと良いやり⽅知ってたら教えて下さい・・!