Next.js 13.4 と新しい app/
ディレクトリを使用したサーバーサイド レンダリングについて学ぼうとしています。私が理解しているところによると、すべてのコンポーネントはデフォルトで server コンポーネントです (つまり、サーバー側でレンダリングされます)。
ただし、'use client'
ディレクティブを使用して、コンポーネントを強制的に client コンポーネントにすることができます。
以下では、単純な「Hello World」コンポーネントを、最初にサーバー コンポーネントとして、次にクライアント コンポーネントとしてセットアップしました。それぞれのケースで、ページのソース コードを比較します。
src/app/page.js
(サービス务器コンポーネント)デフォルト関数 Home() をエクスポート { 戻る ( <メイン>Hello World
メイン> ) }
クローム>查看页面源代网
<頭>次のアプリを作成 <本体> <メイン>Hello World
メイン> ボディ>