Import external data into post using custom Gutenberg block

You can save your data into the database by using save method in registerBlockType. Just make requests on ComponentDidMount via using JS fetch API, store and use it in edit method. In the end use save method instead of using Server Side Rendering.

Server side rendering should only be use if your content changes like latest posts. If this is just a one time data then it’s not needed.

Related Posts:

  1. How to trigger JS in gutenberg page load
  2. Gutenberg: Block validation failed
  3. Change order/position of Gutenberg inspector control panel
  4. Gutenberg Inspector Controls
  5. serialize_blocks breaking html tags in content
  6. How to use getBlockIndex
  7. Hide or show Gutenberg custom block using date range
  8. Use page Title in Gutenberg custom banner block
  9. How to add code to `head` with WordPress 5.9 FSE (Full Site Editing)
  10. Block Editor: add an aria-label to an option inside a SelectControl
  11. Gutenberg: Get All Attributes From «core/image» Block
  12. Where on Github, or elsewhere, can I find the code for core-blocks?
  13. Gutenberg translation is not working
  14. How to add javascript function in the “save()” of gutenberg block?
  15. How to check if current admin page is Gutenberg editor? [duplicate]
  16. Programmatically trigger the gutenberg save
  17. Gutenberg : in the backend, I just want to store a JSON object
  18. wordpress gutenberg url popover custom options
  19. Text Editors Are Hiding Text
  20. Disabling deleting reusable blocks except on the reusable block manager
  21. Gutenberg remove Most Used group
  22. Gutenberg. How To Register A Custom Block Style For Specific Post Type Only
  23. get used blocks in post and detect changing
  24. How to know whether you are editing a page or a post?
  25. Gutenberg get block name
  26. How has my WordPress editor become so basic? Cannot add blocks or see anything visual
  27. Block Validation Fails: ‘
  28. How to enable Block Editor on the Posts page
  29. React to a change of the block alignment
  30. Object type for block Attribute (Gutenberg)
  31. Create RangeControl in gutenberg Block
  32. Where are the layout defaults in Twenty Twenty Two coming from?
  33. How to Disable auto id attributes in Heading tag?
  34. Gutenberg: how to hide server side render output in the editor but keep it in frontend?
  35. How to Get a List of Formats of a Block?
  36. Remove a plugin from the Gutenberg sidebar
  37. Gutenberg how to save to post meta?
  38. How to get current post id in Gutenberg Block save function?
  39. Gutenberg: dynamic block ToggleControl error in saving
  40. How to limit the selection of the first level block in Gutenberg editor
  41. disable gutemberg welcome message
  42. props.setAttributes results in “Maximum update depth exceeded.”
  43. How can I programmatically select a Gutenberg block?
  44. Clipboard processing in Gutenburg
  45. Gutenberg: Dynamic rendering of RichText
  46. Block Controls not showing
  47. Gutenberg and FSE: How to exclude a block from full site editing
  48. Disable only one Gutenberg block programatically / coblock/maps not listed in blocks
  49. How to select block variation from BlockVariationPicker
  50. WordPress Full Site Editing: How can I access my posts listing page?
  51. Editable button with RichText for Gutenberg custom block
  52. How Do I Prevent An Image From Automatically Adjusting In Guttenberg Block Gallery?
  53. How to reload data stored for a sever side gutenberg block in the editor
  54. Using wp_set_script_translations without manually registering the script
  55. How to remove the old “Custom CSS” from customizer after the theme has been migrated to Gutenberg FSE
  56. Why am I getting the error: Cannot update a component (`Unknown`) while rendering a different component (`Edit`)?
  57. Update number of posts when attribute changed
  58. Connect WordPress and react front-end
  59. Gutenberg editor auto remove wrapping tags like
  60. Setting fontSize within core/heading
  61. Unable to edit server side rendered block
  62. WordPress Dynamic Block with multiple checkboxes
  63. Embedded block editor in block editor
  64. Count Gutenberg blocks on the front-end?
  65. How to call a react hook on edit of registerBlockType?
  66. Why does the paragraph block automatically add class?
  67. How can I block embeds and show an individual preview image per block?
  68. add arrow icon next to read more link on latest posts gutenberg block
  69. Create a trailing block with programatically generated Gutenberg columns
  70. How to make attributes unique to Gutenberg blocks
  71. How to check title is being entered in Title Case?
  72. Gutenberg link of internal page not showing
  73. How do I trigger the sidebar reveal for my sidebar plugin in the Gutenberg editor?
  74. Create Gutenburg Block to render inline SVG
  75. Gutenberg blocks not full width
  76. How to extend the URLPopover render settings for the paragraph Gutenberg block?
  77. Custom Image Gutenberg Block With Caption
  78. How to make a block similar to another block
  79. Gutenberg: How to enqueue scripts conditionally in render_callback by checking for an attribute?
  80. How can I reintroduce autocompletion of Gutenberg components in Visual Code?
  81. Blocks – any way to have editor honor width percentages on child blocks?
  82. Using `esc_attr( get_block_wrapper_attributes() )`, results in `class=””wp-block-foo””`
  83. How to display dynamic block editor on front-end?
  84. Enable varying text for Phone, Tablet and Desktop
  85. Debouncing Input value with block attributes
  86. Using the block theme in production
  87. When using the MediaPlaceholder component, will skipping blobUrl handling break something?
  88. Pass component name in onChange [closed]
  89. Add another option to default link control settings panel?
  90. With full-site-editing menus, how do I create a non-linking top-level menu item with linking sub-pages
  91. How can I render a built-in Gutenberg block with InnerBlocks outside of the block editor?
  92. How do I add filters in Twenty-Twenty-Three without a functions.php?
  93. Different style options for the same block depending where it is used
  94. How to extract ‘intro’ block from page content, but later strip from page main content
  95. Add a new option to Social Link block
  96. Editing Inline fonts/typeface using the block editor
  97. What is the proper way of using React Hooks in Gutenberg on frontend?
  98. Gutenberg: change block Components Popover properties
  99. Unable to register a block using block.json in Block Editor
  100. $attributes not defined in block.json PHP template for ACF blocks