Skip to content

cidkumagai/nextjs-infinite-scroll-with-swr

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

無限ローディング

useSWRInfiniteuseInViewを用いて実装

getServerSidePropsについて

  • ページがレンダリングされる前に、サーバーサイドでデータを取得して、そのデータをページに渡すことができる。これにより、初回アクセス時にデータが表示されるため、UXを向上させることができる。
  • 非同期関数であるため、APIを呼び出すこともできる
  • getServerSidePropsでデータを取得して、そのデータをuseSWRInfiniteのfallbackDataに渡すことで、ページがレンダリングされる前にデータを表示することができる。

getServerSidePropsで取得したデータをuseSWRInfinitefallbackDataに設定することのメリット

  • ページがレンダリングされる前に、最新の投稿を表示することができる
  • ページがレンダリングされる前に、ローディング画面にデータを表示することもできる

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published