ng-japan
-
|
Next.js 13 から使えるようになったサーバーコンポーネントでは、サーバーサイドで予め外部APIからデータフェッチした内容でプリレンダーすることが出来ると思うのですが、同じことを Angular でやろうと思った場合、どのような書き方になるでしょうか。 Angular 17 から使えるようになった また、Next.js だとサーバ側とクライアント側は、サーバコンポーネントか否かではっきり分かれていると思うのですが、Angular の場合は SSR のオプションを有効化するだけでとりあえず SSR が使えるものの、サーバ側とクライアント側でそれぞれどんなふうに処理が実行されるのか調べており、良いドキュメントなどもしご存じの方が居れば、お教え頂きたいなと思っております。 よろしくお願いいたします！ |
Beta Was this translation helpful? Give feedback.
Replies: 2 comments
-
|
@2YY https://angular.io/guide/ssr#caching-data-when-using-httpclient ただ、サーバーサイドでだけ動作して、クライアントサイドでは何もしないというのは現状ないんですよねー アプリ全体まるごととしても定まったやり方はなく、CSRファーストではあってSSRも可能という雰囲気かなーと。 |
Beta Was this translation helpful? Give feedback.
-
|
@lacolaco 個人的には、クライアントに送信するJSの量を抑えたり(誤差・・？)、CLSを抑えるために、 (SSRでだけ動く |
Beta Was this translation helpful? Give feedback.
@2YY
@angular/common/httpのHttpClientを使ったデータフェッチであれば、サーバーサイドでもNode.js上でデータフェッチできて、そのレスポンスはCSRのフェーズにもキャッシュされていて、初回の同じリクエストはキャッシュを使うような仕組みはあります。https://angular.io/guide/ssr#caching-data-when-using-httpclient
ただ、サーバーサイドでだけ動作して、クライアントサイドでは何もしないというのは現状ないんですよねー アプリ全体まるごととしても定まったやり方はなく、CSRファーストではあってSSRも可能という雰囲気かなーと。