Blog
Project Summary: JoelVarty.com Development
We've made incredible progress on the site. All the core development work is done - components, styling, performance optimizations, everything. Now it's just a matter of adding content and doing final testing.
Read more→Phase 8: Styling & Polish
Phase 8 was all about making everything look and feel polished. The agent added subtle animations, improved typography, enhanced the dark mode experience, and implemented a bunch of performance optimizations.
Read more→Phase 7: Content & CMS Integration
Phase 7 is about populating the CMS with content and creating the actual pages. Most of this work needs to be done manually in Agility CMS, but the agent has prepared everything needed.
Read more→Phase 6: Uses Page
The /uses page was already mostly built in Phase 3 when we created the UsesSection component. I just needed to polish it up to use AgilityPic for images and make sure everything is ready to go.
Read more→Phase 5: About & Career Pages
Phase 5 was actually pretty straightforward since most of the heavy lifting was already done. The CareerTimeline component was already created in Phase 3, and the CareerEntry content model already existed in Agility CMS.
Read more→Phase 3: Building the Layout Foundation
Phase 3 focused on creating the foundational layout components that will wrap every page on the site. The AI agent built out a complete header, footer, navigation system, mobile menu, and dark mode toggle - all with responsive design and clean styling.
Read more→BlogPost Model Setup: Learning from Assumptions
When setting up the BlogPost content model in Agility CMS, the AI agent ran into several issues trying to configure it via the MCP Server. The model needed specific field types and relationships that weren't immediately clear from the schema documentation.
Read more→Phase 1 Setup: Building the Foundation
I started by running create-next-agility-app to spin up a new Next.js project with Agility CMS integration. The AI agent set up ShadCN UI with the 'new-york' style and 'neutral' base color, installed base components, and created the complete folder structure.
Read more→Planning JoelVarty.com - Before the Build
Build a personal website showcasing who I am, my career, and my blog. Inspired by Daring Fireball's clean design and Wes Bos's /uses page. Built with Next.js 16 and Agility CMS, targeting 100 Lighthouse scores.
Read more→