Jump to content

Next.js

Next.js は、React アプリケーションのためのバックエンドフレームワークです。

Theo’s Next.js Conf talk をチェックして、Next.js とは何であり、どのように機能するのかをより深く理解しましょう。

なぜ Next.js を使う必要があるの?

私たちは React が大好きです。これまで想像もしなかったような方法で UI 開発を身近なものにしてくれました。しかし、その反面、開発者を険しい道へ導くこともあります。Next.js は、React を使ったアプリケーションを作成するための、思想に拘りすぎず、かつ強力に最適化されたアプローチを提供します。ルーティングから API 定義、画像レンダリングに至るまで、私たちは Next.js が開発者を正しい判断に導いてくれると信じています。

Next.js とVercelを組み合わせることで、これまで以上に簡単に Web アプリケーションの開発とデプロイができるようになります。非常に寛大な無料利用枠と直感的なインターフェイスが、「ポイント&クリック」でサイト公開を行えるソリューションを提供します(We ❤️ Vercel)。

Static/Server Props を取得する

Next.js の大きな特徴はデータフェッチ機能です。各メソッドの使い方や違いを理解するために、公式ドキュメントを一読することを強くお勧めします。getServerSidePropsは、ブロッキングする同期呼び出しであり、サイトの速度を低下させるため、特別な理由がない限りは基本的には非推奨です。データが動的でインクリメンタルに取得できる場合、Incremental Static Regeneration(インクリメンタルな静的再生成)getServerSidePropsに代わる素晴らしい方法です。

お役立ち情報

リソースリンク
Next.js ドキュメントhttps://nextjs.org/docs
Next.js GitHubhttps://github.com/vercel/next.js
Next.js ブログhttps://nextjs.org/blog
Next.js Discordhttps://nextjs.org/discord
Next.js Twitterhttps://twitter.com/nextjs
Vercel/Next.js YouTube チャンネルhttps://www.youtube.com/c/VercelHQ