【Next.js和訳】FAQ

この記事について

この記事は、FAQの記事を和訳したものです。

記事内で使用する画像は、公式ドキュメント内の画像を引用して使用させていただいております。

よくある質問｜ Frequently Asked Questions

プロダクションは万全ですか？

Next.js は、https://vercel.com の立ち上げ時から使用されています。

開発者の体験とエンドユーザーのパフォーマンスの両方に満足しているので、それをコミュニティで共有することにしました。

バンドルのサイズは？

クライアント側のバンドルのサイズは、アプリごとに計測する必要があります。小さな Next のメインバンドルは、gzip で圧縮された 65kb 程度です。

内部の webpack コンフィグを変更するにはどうすればいいですか？

Next.js では、webpack の設定によるオーバーヘッドを取り除くために最善を尽くしていますが、より詳細な制御が必要な高度なケースでは、custom webpack config のドキュメントを参照してください。

どのような構文がコンパイルされていますか？また、どのように変更すればよいのでしょうか？

V8 に対応しています。V8 は ES6 や async、await を広くサポートしているので、それらをコンパイルします。V8 はクラスデコレータをサポートしていないので、それらはコンパイルしません。

より詳しい情報は、babel config のカスタマイズについてのドキュメントをご覧ください。

なぜ新しいルーターなのですか？

Next.js は以下の点で特別です。

• ルートを事前に知っておく必要がないこと、ルートのマニフェストを出荷しないこと。
• ルートは常にレイジーローディング可能

どのようにしてデータを取得するのですか？

それはあなた次第です。React コンポーネント内で fetch API または SWR を使用してリモートデータを取得したり、私たちのデータ取得メソッドを使用して初期データを収集することができます。

GraphQL で使用できますか？

はい！Apollo を使った例をご紹介します。

Redux で使用できますか？

はい！ここに例があります。また、thunk を使った例もあります。

静的アセットに CDN を利用することはできますか？

はい。詳しくはこちらをご覧ください。

自分の好きな JavaScript ライブラリやツールキットと一緒に Next を使うことはできますか？

最初のリリース以来、私たちは多くのサンプルを提供してきました。それらは examples ディレクトリで確認することができます。

これは何に触発されたものですか？

私たちが目指した目標の多くは、Guillermo Rauch 著『The 7 principles of Rich Web Applications』に記載されているものでした。

PHP の使いやすさは、大きなインスピレーションになっています。Next.js は、PHP を使って HTML を出力していた多くのシナリオを置き換えるのに適していると感じています。

PHP とは異なり、Next.js は ES6 モジュールシステムの恩恵を受けており、すべてのページでコンポーネントや関数がエクスポートされ、それらを簡単にインポートして遅延評価やテストを行うことができます。

React をサーバーでレンダリングする際に、多くのステップを必要としない方法を調べていたところ、React の開発者である Jordan Walke 氏による Next.js と同様のアプローチである react-page（現在は非推奨）に出会いました。

Next.js の Progressive Web App（PWA）を作ることはできますか？

はい、できます。PWA の例をご覧ください。