Dynamic Metadata Title/Description from JSON

Answered

West African Lion posted this in #help-forum

West African LionOP

2023-09-03T21:06:10.000Z

Hi, I've been creating product pages dynamically with nextjs app router, by creating jsons for each product. I am a bit confused about the dynamic metadata I have setup the template titles for other pages on the website, but I want to use the product tile and description from the json for the page metadata title and description

Attached a screenshot to explain

Pretty new to react so any help on how I can add the product.json title & description would be appreciated thanks

Answered by riský

i would have thought use [dynamicMetadata](https://nextjs.org/docs/app/building-your-application/optimizing/metadata#dynamic-metadata) because its a native nextjs thing... (plus using react cache to not do the same query twice)

View full answer

9 Replies

American Crocodile

2023-09-03T21:10:11.000Z

Try installing next-seo and instantiate a component for it then import your json into that component file then plug some logic via the routing API and that should work

@American Crocodile Try installing next-seo and instantiate a component for it then import your json into that component file then plug some logic via the routing API and that should work

American Crocodile

2023-09-03T21:10:24.000Z

@West African Lion .

Added bonus, next seo makes managing your seo much easier

riský

2023-09-03T21:11:57.000Z

Answer

@riský i would have thought use [`dynamicMetadata`](<https://nextjs.org/docs/app/building-your-application/optimizing/metadata#dynamic-metadata>) because its a native nextjs thing... (plus using react `cache` to not do the same query twice)

American Crocodile

2023-09-03T21:13:09.000Z

Better answer than mine. Lol