Business Website · 2024
Oh My Brand
Agency website built with WordPress FSE and custom Gutenberg blocks
Oh My Brand is my own freelance agency website, built with WordPress Full Site Editing. Beyond drag-and-drop native blocks, I wrote custom Gutenberg blocks in React and TypeScript using wp-scripts to handle the specific features and layouts the site needed.
Oh My Brand is the website for my own freelance web development agency, showcasing the projects and services I offer.
The site is built on WordPress Full Site Editing, which handles the overall layout and content structure through native blocks. For anything native blocks could not cover, I built custom Gutenberg blocks from scratch.
Custom Block Development Custom blocks are React components, written in TypeScript and compiled through the official wp-scripts build step. This gives the editor a clean block interface while keeping the frontend output lean and semantic. I wrote unit tests for the blocks with Vitest and used Playwright for end-to-end testing.
FSE Integration All custom blocks integrate seamlessly into the block editor, making content management straightforward without needing custom admin screens or plugin overhead.
Purpose The site acts as a portfolio and point of contact for Oh My Brand, displaying case studies of client work and outlining the services I offer.
