Building a Web App with the Gutenberg Framework
In this session, Muhammad explores the versatility of Gutenberg beyond its traditional role in WordPress. Using the Career Vision resume builder as a case study, they demonstrate how Gutenberg can serve as a full-featured framework for creating block-based applications, offering an intuitive, WYSIWYG experience for users. You will see how resumes, LinkedIn profiles, or other structured content can be imported, edited, and exported with ease, all while maintaining flexibility, performance, and user control across devices.
The talk also highlights how Gutenberg integrates seamlessly with React, Redux, and optional WordPress packages, allowing developers to build fully customizable applications without relying on a WordPress backend. AI-powered features, such as parsing resumes into structured JSON, further enhance functionality and efficiency. By the end of the session, participants will understand how to harness Gutenberg as a production-ready framework for a variety of structured content applications, from resumes to journaling apps to content management systems, while retaining complete control over backend, styling, and hosting.
What You’ll Learn
- How Gutenberg can be used beyond WordPress to build standalone applications
- How to create a block-based resume builder with import, edit, and export capabilities
- How to customize blocks, headings, fonts, and skills for structured content
- How to leverage AI to parse resumes into structured JSON for easy editing
- How to combine Gutenberg, React, and optional WordPress packages in a flexible tech stack
- How to run Gutenberg applications with your own backend and hosting
- How to use Gutenberg for structured content applications like resumes, journaling apps, and content management systems
- How to optimize flexibility, performance, and user control in multi-device experiences