Finding the page to edit on Contentful can be cumbersome, so I created a small utility chrome extension that allows for one-click page editing.
This is all you need to do to activate it.
Contentful Space ID
Contentful Environment Name
entryidshould be visible in the page meta property.
Download the free chrome extension
Download Contentful Quick Edit chrome extension.
Getting Entry for Nextjs Dynamic Pages
Go to dynamic routes template eg
Connect to contentful Client
Get Entry from Contentful Client and map the data (eg servicesdata)
Print the system id into the meta component
entityid within the page
When you run Nexjs, you should see the value in the page meta
Getting Entry for Gatsby Dynamic Pages
Go to gatsby-node.js
contentful_id when you are loading all page entries (eg
CreatePage function pass contentful_id from graphql data as page context
entryid within the page
meta array includes (we are using react Helmet package for meta tag here)
if you have specific SEO components, you can include them in there
When you run Gatsby, you should see the value in the page meta
#contentful #headlesscms #digitalagency #websitemanagement