Next.jsが使われているか・そしてバージョンを確認する方法

使用されているテクノロジーの調べ方

ウェブ関係のテクノロジーを学んでいると、「このアプリは何で作られているのかな？」という興味が湧いてきます。

そこで便利なのが、Googleクロームの無料エクステンション、Wappalyzerです。

下記リンクから追加できます。

Wappalyzerを使うと、開発に使われたJavaScriptフレームワークやデプロイのサービスをはじめ、様々な利用テクノロジーがわかります。

現在のフロントエンド開発で一番人気がNext.jsです。

Next.js使用の有無も、Wappalyzerでわかります。

しかし時折り、Wappalyzerが機能しないことがあります。

そのような時はブラウザの開発者ツールの「Console」に下記コマンドを打ち、「Enter」キーで実行しましょう。

console.log(window?.next.version)

Next.jsが使われている場合は、次のようにバージョン情報が表示されます。

次のようにすると、Next.js関係の情報（AppルータやTurbopack使用の有無）がわかります。

console.log(window?.next)

Next.jsを使っているサイトが分かったところで、自分でNext.jsを始めてみたい方はこちらのガイドもご覧ください。

セットアップからRSC・Server Actionsまで体系的にまとめています▼