{"id":4771,"date":"2025-10-30T12:58:26","date_gmt":"2025-10-30T07:28:26","guid":{"rendered":"https:\/\/surat.wordcamp.org\/2025\/?post_type=wcb_session&#038;p=4771"},"modified":"2025-11-08T19:51:29","modified_gmt":"2025-11-08T14:21:29","slug":"creating-gutenberg-blocks-with-third-party-api-integration","status":"publish","type":"wcb_session","link":"https:\/\/surat.wordcamp.org\/2025\/session\/creating-gutenberg-blocks-with-third-party-api-integration\/","title":{"rendered":"Creating Gutenberg Blocks with Third-Party API Integration."},"content":{"rendered":"\n<p>In this session, I will explore how to create a custom Gutenberg block from scratch using the official WordPress Block Editor tutorial\u2014without using create-block. The session will guide attendees through setting up a custom plugin, using React inside Gutenberg, and connecting the block with a third-party API like JSON Placeholder to fetch and display dynamic data.<\/p>\n\n\n\n<p>I&#8217;ll cover folder structure, JavaScript logic, data fetching using fetch(), and how to dynamically render content in the WordPress editor. This session will help participants build real-time, API-powered blocks for WordPress websites\u2014perfect for developers looking to level up their Gutenberg skills.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this session, I will explore how to create a custom Gutenberg block from scratch using the official WordPress Block Editor tutorial\u2014without using create-block. The session will guide attendees through setting up a custom plugin, using React inside Gutenberg, and connecting the block with a third-party API like JSON Placeholder to fetch and display dynamic [&hellip;]<\/p>\n","protected":false},"author":20958488,"featured_media":0,"template":"","meta":{"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"jetpack_post_was_ever_published":false,"_wcpt_session_time":1763271000,"_wcpt_session_duration":1800,"_wcpt_session_type":"session","_wcpt_session_slides":"","_wcpt_session_video":"","_wcpt_speaker_id":[4739],"footnotes":""},"session_track":[74],"session_category":[],"class_list":["post-4771","wcb_session","type-wcb_session","status-publish","hentry","wcb_track-track-1"],"jetpack_sharing_enabled":true,"session_date_time":{"date":"November 16, 2025","time":"11:00 am"},"session_speakers":[{"id":"4739","slug":"dilip-modhavadiya","name":"Dilip Modhavadiya","link":"https:\/\/surat.wordcamp.org\/2025\/speaker\/dilip-modhavadiya\/"}],"session_cats_rendered":null,"_links":{"self":[{"href":"https:\/\/surat.wordcamp.org\/2025\/wp-json\/wp\/v2\/sessions\/4771","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/surat.wordcamp.org\/2025\/wp-json\/wp\/v2\/sessions"}],"about":[{"href":"https:\/\/surat.wordcamp.org\/2025\/wp-json\/wp\/v2\/types\/wcb_session"}],"version-history":[{"count":1,"href":"https:\/\/surat.wordcamp.org\/2025\/wp-json\/wp\/v2\/sessions\/4771\/revisions"}],"predecessor-version":[{"id":4772,"href":"https:\/\/surat.wordcamp.org\/2025\/wp-json\/wp\/v2\/sessions\/4771\/revisions\/4772"}],"speakers":[{"embeddable":true,"href":"https:\/\/surat.wordcamp.org\/2025\/wp-json\/wp\/v2\/speakers\/4739"}],"author":[{"embeddable":true,"href":"https:\/\/surat.wordcamp.org\/2025\/wp-json\/wporg\/v1\/users\/dilip2615"}],"wp:attachment":[{"href":"https:\/\/surat.wordcamp.org\/2025\/wp-json\/wp\/v2\/media?parent=4771"}],"wp:term":[{"taxonomy":"wcb_track","embeddable":true,"href":"https:\/\/surat.wordcamp.org\/2025\/wp-json\/wp\/v2\/session_track?post=4771"},{"taxonomy":"wcb_session_category","embeddable":true,"href":"https:\/\/surat.wordcamp.org\/2025\/wp-json\/wp\/v2\/session_category?post=4771"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}