Set Metadata Per Page Without Server Side Rendering Using react-snap

Published: 07 June 2020
on channel: Çelik Köseoğlu
22,542
449

In this video series, I work on my new personal website built using React.
Website: https://www.celikk.me
GitHub: https://github.com/celikkoseoglu/celi...
Playlist:    • Personal Website with React - Inlinin...  
Twitch:   / celikkoseoglu  

You should watch the react-helmet video before this one:    • Set Page Title and Description Per Pa...  

This is a continuation of my previous work using React Helmet. We've set the metadata for Google's web crawlers. Plus, users can see the correct titles when they browse our site. However, when they share the website using a slack message (or facebook, linkedin etc.), they will not get the correct tags.

This is where react-snap comes into play. It crawls through your website at build time and generates all html files with the correct headers so when you share your website online, you will get the correct metadata per page.

This is super useful because it eliminates the need for Server Side Rendering for my use case. Decreases complexity by a lot.


Watch video Set Metadata Per Page Without Server Side Rendering Using react-snap online without registration, duration hours minute second in high quality. This video was added by user Çelik Köseoğlu 07 June 2020, don't forget to share it with your friends and acquaintances, it has been viewed on our site 22,54 once and liked it 44 people.