#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)