よくある質問

製品利用することはできますか?

Yes! Next.js is used by many of the top websites in the world. See the Showcase for more info.

データを取得するにはどうすればいいですか? Next.js provides a variety of methods depending on your use case. You can use: To learn more about data fetching, visit our data fetching documentation.
なぜ Next.js は独自のルーターを持ってますか? Next.js には以下の特徴があります:
  • It uses a file-system based router which reduces configuration
  • It supports shallow routing which allows you to change the URL without running data fetching methods
  • ルーティングは常に遅延読み込みが可能です
If you're migrating from React Router, see the migration documentation.
Next でお気に入りの JavaScript ライブラリやツールを使うことはできますか?

使えます!何百ものディレクトリ例があります。

GraphQL と一緒に使えますか?

使えます! Apollo を使ったサンプル を見てください。

Reduxと一緒に Next.js を使えますか?

使えます! こちらのサンプル を見てください。 thunk を用いたサンプル もあります。

Can I make a Next.js Progressive Web App (PWA)?

Yes! Here's our Next.js PWA Example.

静的ファイルのために CDN を使うことはできますか?

Yes! When you deploy your Next.js application to Vercel, your static assets are automatically detected and served by the Edge Network. If you self-host Next.js, you can learn how to manually configure the asset prefix here.

webpack の内部設定を変えるにはどうすればいいですか?

In most cases, no manual webpack configuration is necessary since Next.js automatically configures webpack. For advanced cases where more control is needed, refer to the custom webpack config documentation.

Next.js は何から影響を受けましたか?

私たちが設定した達成目標の多くは、 Guillermo Rauch の 7 principles of Rich Web Applications に記されているものです。

PHP の使いやすさから大きな影響を受けています。 HTML を出力するために PHP を使わなければならない多くの場合において、 Next.js は最適な代替手段になると思っています。

PHP とは違って ES6 モジュールシステムの恩恵を受けることができ、ページ毎にコンポーネントや関数がエクスポートされており、遅延評価やテストのためにそれらを簡単にインポートできます。

手間がかからない React のサーバーサイドレンダリングの選択肢を調査していた時、 Next.js と似た手法を取っている react-page (現在は非推奨)に出会いました。これは React の製作者である Jordan Walke によるものです。