Chillin' Cookies

Gutenberg block-based website build for a family business with an emphasis on accessibility and easy edits.

Taylor Hornberger
Taylor Hornberger
Senior Product ManagerLast updated 3/10/20264 min read
Chillin' Cookies

Chillin' Cookies: Building a Website My Family Can Actually Use

My step-mom and dad opened an ice cream and cookie shop in Ephrata, PA. Chillin' Cookies serves cookie sandwiches, 18 flavors of ice cream, snow cones, acai bowls, paninis, and more. My step-mom works incredibly hard to keep the shop running, and like a lot of small family-owned businesses, she was running on hustle and word of mouth without much of a web presence to show for it.

She needed a website. I volunteered to build it. 

The Chillin' Cookies homepage

The Constraint That Actually Mattered

I have a decent amount of WordPress experience, and I am comfortable in Gutenberg. The coding side is less my home turf. But more importantly, I was not going to be the one maintaining this thing. My family needed to be able to open the editor, click on a price, change it, and save. That was the bar. Everything else was secondary.

That ruled out anything overly custom, and it also meant that how the site looked in the editor mattered just as much as how it looked on the frontend.

The Stack

I set up a local development environment using Local by WP Engine, which spins up a full WordPress install on your machine without any server configuration. I then used Google Antigravity, an AI-powered IDE, to help me handle the parts of the build that were outside my comfort zone on the code side.
The Local by WP Engine UI

The workflow with Antigravity was straightforward but required some intentionality to get right. Before touching any code, I wrote up a project spec and dropped it into the project folder as a reference document. This gave the AI agent clear guardrails: the brand, the page structure, the color palette, the menu categories, the target audience. Prompting without that context produces generic output. Prompting with a solid brief produces something you can actually use.

From there it was an iterative loop: prompt, review what was generated, test it in the local environment, adjust the brief or the prompt, repeat. I cannot stress enough how important the review step is when you are using AI to write code you could not have written yourself. You need to understand what it built well enough to catch when something is wrong, even if you could not have built it from scratch.

The First Version and Why It Didn't Work

My first pass at the menu page used HTML blocks in Gutenberg. On the frontend it looked sharp. Then I pulled it up in the editor and immediately saw the problem. It was a wall of raw HTML markup. There was no way my family was going to maintain that.

So I scrapped it and rebuilt.

The Rebuild

The second version uses 100% native Gutenberg blocks throughout. Headings, paragraphs, columns, groups. Everything that needs to be edited on a regular basis, like item names, prices, and descriptions, is a standard block that anyone can click into and type. No code view, no HTML, no developer required.

I also built reusable PHP block patterns for each menu section. If they ever want to add a new category, like a seasonal specials section, they can insert a pattern from the block inserter and fill it in. The pattern handles the layout and styling automatically.

Editing had to be as simple as possible; no code adjustments whatsoever
The only code on the site is a small CSS file that handles the card shadows and the flavor chip pill styling, the little rounded tags that list out ice cream and cookie flavors. It lives in one place, never needs to be touched, and I walked through what it does in case anyone ever needs to dig into it years from now.
Cookie flavor chips! The second best kind after chocolate.

The Handoff

Once the build was done in Local, I pushed the theme up to a WP Engine install and handed it over. The actual handoff conversation was less than ten minutes. Open the editor, click on the thing you want to change, type, save. That was the whole training.

There's a pretty decent chance I'll still end up doing the editing and maintenance, but hey - easy training!

What I Took Away

AI-assisted development is genuinely powerful for someone at my skill level. I could not have written the PHP patterns or the CSS from scratch without significantly more time and research. But the AI does not save you from needing to understand the problem. The first version failed not because of a code error, but because I had not fully thought through who was going to use the editor. That is a product thinking problem, not a coding problem.

The most important decision I made on this project was to rebuild instead of patch.

Planning to be in the Ephrata area? Get yourself some ice cream and fresh-baked cookies! Just tell them Taylor sent you.

Comments