Map all WordPress shortcodes to react components

PLEASE help us help you by writing a good post!

I migrate my WordPress website to gatsby success full.

now my all pages, post, menus are displayed on my gatsby site but, the pages content is not showing properly

it displays them’s shortcode and plugin’s shortcode.

my WordPress website is built with a prebuilt WordPress theme.

When I received a content in Gatsby it looked something like this:

This is not really a Netlify question. You’d have better luck getting help by asking on Gatsby or Wordpress forums or on other coding forums like Stackoverflow.


Hi, I was recently looking for this functionality and couldn’t find anything. I ended up coming across a find/replace packages for HTML nodes. Put an article together on how this can be used to handle WordPress shortcodes in Gatsby.

Hope it helps.