Business Website · 2024
Oh My Brand
Agency website built with WordPress FSE and custom Gutenberg blocks
- Role
- Freelance Web Developer
- Type
- Business Website
- Year
- 2024
- Client
- Oh My Brand
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.
