Oh My Brand

Agency website built with WordPress FSE and custom Gutenberg blocks

Skills

  • CSS
  • Git
  • GitHub
  • HTML
  • JavaScript
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.

Project Images