#10 – Client Side Rendering
In this video, we'll use SWR (stale-while-revalidate) to implement client-side rendering in Next.js. We'll create a component that renders a list of movies in the user's watchlist, and use the useSWR hook to fetch the watchlist data from the server.
With SWR, the component will automatically re-render whenever the watchlist data changes, providing a smoother and more responsive user experience.
Source code and necessary links are available in the links below:
Source code:
https://github.com/Primus-Learning/ne...
Deployed project:
https://reelranger.vercel.app
NextJS documentation on client side fetching:
https://nextjs.org/docs/basic-feature...
SWR library:
https://swr.vercel.app
If you find this video helpful, consider liking and subscribing to our channel and stay tuned for more tutorials.
#nextjs #react #reactjs #nextjstutorial #reactjstutorial #fullstackwebdevelopment
Background music:
Track 1:
Music track: Getaway by Pufino
Source: https://freetouse.com/music
No Copyright Music for Video (Free)
Track 2:
Marshmallow by Lukrembo
Source: https://freetouse.com/music
No Copyright Music for Video (Free)
Track 3:
Music track: Cool Lofi by Pufino
Source: https://freetouse.com/music
No Copyright Music for Video (Free)
Track 4:
Music track: Getaway by Pufino
Source: https://freetouse.com/music
No Copyright Music for Video (Free)
Auf dieser Seite können Sie das Online-Video #10 – Client Side Rendering mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Primus Learning 25 April 2023 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 158 Mal angesehen und es wurde von 7 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!
