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