Facebook and WhatsApp in NextJs are not receiving dynamic data from blog posts.

Hasankhankor — Mon, 11 Dec 2023 06:05:00 +0000

One of the major problems faced with Next.js is dynamic data not being available for Facebook and WhatsApp when sharing or embedding blog posts. As Next.js pre-renders pages at build time, any data that is dynamic like content from a HEADLESS CMS for blog posts will not be available on the client-side.
This causes issues with social sharing and embedding as the Open Graph tags and metadata used by platforms like Facebook and WhatsApp will not be populated properly. Since the blog post data is not available yet on page load, the meta tags have the dynamic values they need for things like title, description, images etc.

By default, Next.js is intended to be fully static which is great for performance but makes it challenging to work with frequently updated dynamic content sources. While solutions like SSG and SSR can help, they have limitations for cases where new blog posts or data can be added very regularly. This disconnect between Next.js' static generation and the need for dynamic meta tags is problematic for platforms that require proper Open Graph data for pre-rendering content previews before full page load.

Meta tags not working

Hasankhankor — Sat, 18 Nov 2023 14:31:22 +0000

While shairing in a social site, meta tags are not working.

{/* Twitter meta tags */}

Forem: Hasankhankor

Facebook and WhatsApp in NextJs are not receiving dynamic data from blog posts.

Meta tags not working