トップ OSS紹介 Next.js

Next.js

サポート対象

NRIのOpenStandiaが提供するNext.js最新情報

バージョンアップ情報

Next.js情報

Next.jsとは

Next.js(ねくすとじぇーえす)とは、Reactの機能を拡張するためのJavaScriptフレームワークです。Next.jsを使用することで、サーバ側でページを生成するサーバサイドレンダリング(SSR)ができるようになります。サーバサイドレンダリングを行い、クライアント側のページ生成処理を減らすことで、より高速なウェブページの表示が可能になります。
Next.jsは、2016年にVercel社によりバージョン1.0がリリースされ、現在も開発が継続されています。Next.jsの開発にはGoogle社も協力しています。

主な特徴

Next.js には以下のような特徴があります。

画像の自動最適化

next/imageによる自動画像最適化

国際化

国際化(i18n)ルーティングのサポートと自動言語検出。

Next.js アナリティクス

サイトおよびページ毎の訪問データに基づく正確なライトハウススコアを計測します。

ゼロ・コンフィグ

自動コンパイルとバンドリングが最初から最適化されているため、すぐに使用できます。

ハイブリッド SSG、SSR

単一のプロジェクトで、ビルド時(SSG)またはリクエスト時(SSR)にページを事前レンダリングします。

インクリメンタル・スタティック・ジェネレーション

ビルド後も事前レンダリングされたページを追加、更新できます。

TypeScript サポート

IDEのような統合されたTypeScriptの自動構成とコンパイルを提供。

ファスト・リフレッシュ

ファスト・リフレッシュがデフォルトで有効になっており、編集結果が素早く反映されます。Facebookのような大規模なサイトでも実績があります。

ファイルシステムルート

pagesディレクトリのファイルを自動的にルーティングします。

APIルート

pages/apiディレクトリのファイルをAPIエンドポイントとして自動的にルーティングします。

ビルトインCSSサポート

JavaScriptを拡張することにより、CSSファイルをインポートできます。

コード分割とバンドリング

GoogleChromeチームによりコードが縮小され大幅な最適化が行われています。

類似プロダクト

Next.jsに類似するJavaScriptフレームワークとして、Nuxt.js、Gatsby.jsなどがあります。

ユースケース

Next.jsの利用事例は、公式サイトのShowcaseに多数紹介されています。基本的な機能を学習形式で試せるドキュメントが用意されています。

動作環境

Node.js 18.17.0以上
MacOS、Windows(WSLを含む)、Linux

Next.jsのライセンス

Next.jsのライセンスは、MITライセンスです。MITライセンスは、数あるソフトウェアライセンスの中で最も制約が少なく、ソースコードの無償の使用のほか、改変、再配布することも認められています。

オープンソース年間サポートサービス

OpenStandiaではOSSを安心してご利用いただけるように、オープンソース年間サポートサービスをご提供しております。
サポートしているOSSは下記ページをご参照ください。

お気軽にお問い合わせください

関連OSS

  • Vue.js
    サポート対象

    Vue.js

    ヴュー・ジェイエス。SPA(シングルページアプリケーション)に向いたJavaScriptフレームワークです。

  • React
    サポート対象

    React

    リアクト。Facebookが作成したMVCモデルのView領域を担当するJavascriptのUIライブラリです。

  • Nuxt.js
    サポート対象

    Nuxt.js

    ナクストジェーエス。Vue.js をベースにSSRに対応した JavaScript フレームワークです。

  • Angular
    サポート対象

    Angular

    アンギュラー。Googleが開発を行っているMV*モデルのJavaScriptのアプリケーションフレームワークです。

オープンソースに関する様々な課題、OpenStandiaがまるごと解決します。
下記コンテンツも
あわせてご確認ください。