Social Media Link Preview using Open Graph & Metadata in Next JS 14 Full Tutorial
In the last video of this series. We implemented Open Graph, which is for social media link sharing preview (image, title, description)
And Metadata for every page title and description. Also In the end of the video I've shown you the whole metadata file setup for google bots to crawl your data into Google Search Console.
0:00 Intro
1:30 Generating Open Graph Image using code
3:00 Deploy to test the app
4:00 Testing on other platforms
4:20 Debugging (banging my head against the wall)
7:50 Singing A cappella
8:13 ITS WORKING!! 🥳
8:27 Imposter Syndrome
9:05 Using static image as OG Image
11:55 ITS WORKING!! 🥳
12:40 Metadata object
13:20 Sharing my Insecurities
14:42 Using title templates
15:50 Production level metadata
16:55 Outro