0. 環境

[OS] ubuntu 16.04

[Node.js] 17.1.0

[Next.js] 12.1.6

[Prisma] 3.13.0

1. 問題

• Next.jsを勉強するため、下記構成のサンプルアプリをいじってたのですが、とにかく画面ロード時間が遅くて使い物にならない。

  • 構成

    • [Next.js] -> [Prisma] -> [PlanetScale(サーバーレスDB)]

  • 起動コマンド

    # npm run dev
    

2. 対応

• 最初、当てずっぽうで、PlanetScaleへの通信が遅いのかと考え、DBをローカルに持ってきましたが変わりませんでした。

• その後、Prismaの処理をコメントアウトしても重かったので、Next.jsに照準を絞りました。

  原因の切り分けをしないと、ググることすらできないです。 (最初、「Prisma 遅い」とかで調べてました・・・)

• 最終的にポーリングの間隔を長くしたら、画面の表示は軽くなりました。

• 自分が知らない技術を勉強する際、最初の環境設定が面倒なので、ついつい、Githubなどから公開されてるソースを落としてきて動かすことが多いです。

  各パラメーターの意味を知らないまま始めるので、今回のようにハマることがあります。