Jump to content

Attention: This page is 122 days older than the English version and might be outdated. If you're a native speaker of this language and would like to contribute to the project, please consider updating this page to match the latest English version.

You can also view the English version of this page.

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↗

Recent Contributors To This Page