Next.jsが使われているか確認する方法
2025.8.12
2026.3.29
この記事は約1分で読めます
ブラザウのコンソールで、ひとつコードを実行するだけです。
詳しくは ▼
筆者：三好アキ（専門用語なしでプログラミング）
▶︎ 三好アキの著書一覧はこちら
使用されているテクノロジーの調べ方
ウェブ関係のテクノロジーを学んでいると、「このアプリは何で作られているのかな？」という興味が湧いてきます。
そこで便利なのが、Googleクロームの無料エクステンション、Wappalyzerです。
下記リンクから追加できます。
Wappalyzerを使うと、開発に使われたJavaScriptフレームワークやデプロイのサービスをはじめ、様々な利用テクノロジーがわかります。
Next.jsだけに使える見つけ方
現在のフロントエンド開発で一番人気がNext.jsです。
Next.js使用の有無も、Wappalyzerでわかります。
しかし時折り、Wappalyzerが機能しないことがあります。
そのような時はブラウザの開発者ツールの「Console」に下記コマンドを打ち、「Enter」キーで実行しましょう。
console.log(window?.next.version)Next.jsが使われている場合は、次のようにバージョン情報が表示されます。
次のようにすると、Next.js関係の情報（AppルータやTurbopack使用の有無）がわかります。
console.log(window?.next)
✤ 筆者 ✤
三好アキ（専門用語なしでプログラミング）
「専門用語なし」のメソッドで1,200人以上のビギナーをフロントエンド開発入門に成功させる。翔泳社『動かして学ぶ！Next.js/React開発入門』（韓国でも出版）など著書25冊以上。Amazonベストセラー1位複数回獲得。
React、Next.js、TypeScriptなどの最新情報や初心者向けコンテンツを、無料メルマガ配信中。メールアドレスだけで登録可 ▶︎ 無料メルマガ登録