静的サイトジェネレーターが使われたコーポレートサイト事例集 Next.js 編
静的サイトジェネレーターを使って作られたコーポレートサイトの事例をご紹介します。 今回は Next.js 編です。
注意点:
- Next.js は純粋な静的サイトジェネレーターではなく SSR （サーバーサイドレンダリング）と SSG （スタティックサイトジェネレーション）をサポートするフレームワークです。今回ご紹介するサイトで Next.js が静的サイトジェネレーターとして使われているとはかぎりません。
- 記事執筆時点で各サイトで Next.js が使われているらしいことを確認していますが、サイトリニューアル等により Next.js が使われなくなる可能性があります。
国内
1. はてな
ブログやブックマークのサービスで有名な株式会社はてなさんのコーポレートサイトです。
外資系
2. LEGO
ブロックのおもちゃで有名な LEGO （レゴ）社のメインサイト兼コーポレートサイトです。
3. Ferrari
高級車メーカー Ferrari （フェラーリ）社のメインサイトです。 コーポレートサイトは別にありますが、そちらは Next.js ベースではないようです。
4. Bang & Olufsen
AV 機器メーカー Bang & Olufsen （バング＆オルフセン）社のメインサイト兼コーポレートサイトです。
海外
5. audible
オーディオブックを販売する audible （オーディブル）社のメインサイトの中の企業紹介エリアです。
ドメインが分かれていませんが、
/about
以下で Next.js が使われているようです。
6. Marvel Entertainment
コミックや映画で有名な Marvel Entertainment （マーベル・エンタテイメント）社のメインサイト兼コーポレートサイトです。
7. Square Enix
ドラゴンクエストやファイナルファンタジーで有名な日本のゲーム会社・株式会社スクウェア・エニックスさんの英語版メインサイトです。 日本語版サイトとは別に作られています。
8. Mercari
個人間取引の仲介サービスを提供する日本の会社・株式会社メルカリさんの英語版メインサイト兼コーポレートサイトです。
ちなみに、国内のメインサイトでは Next.js が、国内のコーポレートサイトでは Nuxt.js が使われているようです。
以上です。
静的サイトジェネレーター・ JAMstack や Next.js の導入を検討している方のご参考になれば幸いです。
参考
Next.js の公式サイトの Showcase のページにもさまざまな採用事例が載っています: