NuxtのasyncDataで複数のHTTPリクエストを扱う - Qiita
asyncDataに限らないんだけど await Promise.all() 使うとキレイに書けるよねって話。 TypeScript x ES6 な感じ。 prefetch的な処理をキレイにかけるNuxtは最高だなと思います <script lang="ts"> import Vue from "vue"; import Component from "nuxt-class-component"; import Foo from "~/Foo"; import Bar from "~/Bar"; @Component({ async asyncData({ app, params }) { const id = _.get(params, "id"); // 2つのHTTPのレスポンスを受けてからページがレンダリングされる const [foo, bar] = await Promise.
Nuxt.jsのパフォーマンス向上テクニック - Qiita
Nuxt.jsのプロジェクトで使用しているパフォーマンス向上のためのテクニックです。 .nuxt/dist と static ディレクトリはNginxから直接配信する 静的ファイルはNuxt.jsのサーバを使わずにNginxから配信します。CDNなどを使うともっと効果的でしょう。 location / { root /path/to/nuxt/static; try_files $uri @proxy; } location @proxy { proxy_pass http://127.0.0.1:3000; } location /_nuxt { alias /path/to/nuxt/.nuxt/dist; } APIエンドポイントをサーバーとクライアントで分ける SSRのサーバとAPIサーバが同一LAN内の場合は、余計なネットワークコストを発生させないように、SSR時はLAN内で通信
【コードある】Nuxt + WordPress で netlify 運用が爆速すぎて神だった - Qiita
まずは作ったサイトを貼っておきます。 https://wp-nuxt-for-netlify.netlify.com/ いかがですか？現在住んでいるオーストラリアのADSLな爆遅回線でも、爆速です。 WordPress は heteml のレンタルサーバーですよ？ 感動しすぎたので、徒然なるままに〜。 ざっくり構成 WordPress側 リニューアル中の家族ブログ（ https://nishida.lol ） Heteml レンタルサーバー（月額 2000円） Heteml で無料SSL WP REST API でGET APIだけ利用 https://v2.wp-api.org/ フロント側 Nuxt Nuxt.js 1.0.0 nuxt generate で静的ファイル生成 netlify にホスティング https://www.netlify.com/ GitHub 上で nuxt
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://github.com/yahsan2/wp-nuxt-for-netlify/blob/943004874d1e2a710eca9e65c66823bc04dbc76c/nuxt.config.js
https://github.com/kaydwithers/blog-in-5-minutes-demo/blob/master/nuxt.config.js
