Category: Web Development

7 posts in category "Web Development"

The Blog That Builds Itself: AI Automation Behind the Scenes

The Blog That Builds Itself: AI Automation Behind the Scenes

This blog runs on a custom automation pipeline where AI agents compete, critique, and synthesize every post. Here's how the /create-blog-post command, a DALL-E 3 image generation script, pre-commit image enforcement, and WebP optimization all compose into a content system that behaves like production software.

AI , Automation , Web Development
Read more

How I Used Claude Code to Make My Blog Accessible in Minutes

How I Used Claude Code to Make My Blog Accessible in Minutes

Accessibility is something every website owner should care about, yet it's easy to deprioritize. I asked Claude Code to audit my Hugo blog for screen reader compatibility and was amazed at both the depth of its findings and how quickly it fixed every issue — from missing skip-navigation links to unlabeled SVG icons to dynamic search results that screen readers couldn't detect.

AI , Best Practices , Web Development
Read more

Open Sourcing the coreydaley-dev Hugo Theme

Open Sourcing the coreydaley-dev Hugo Theme

Announcing the release of coreydaley-dev, a fun and functional Hugo theme now available on GitHub under the MIT license. This post explores why I'm open sourcing the theme, its standout features including special date avatar swapping, the collaborative AI-assisted development process, and how you can use it for your own projects. Discover a Hugo theme that balances personality with performance, built through human-AI collaboration and designed to make static sites more engaging and distinctive.

Getting Started , Open Source , Web Development
Read more

A Search UI That Feels Native: Pagefind + Custom JSON Rendering

A Search UI That Feels Native: Pagefind + Custom JSON Rendering

Learn how to build a custom search experience using Pagefind's API instead of its default UI. This technical deep-dive covers loading Pagefind as a JavaScript module, querying for JSON results, and rendering search results with custom HTML that matches your site's design system. Discover how to maintain visual consistency across post lists and search results, including proper date formatting, taxonomy chips, and seamless Hugo integration. Perfect for developers who want full control over their static site search UI while leveraging Pagefind's powerful indexing capabilities.

Best Practices , Tools , Web Development
Read more

Building coreydaley.dev with Claude Code: An Iterative Journey

Building coreydaley.dev with Claude Code: An Iterative Journey

A behind-the-scenes look at the collaborative process of designing and building the coreydaley-dev Hugo theme using Claude Code. This post explores the iterative development cycle, key technical decisions including Pagefind search integration and responsive design, and how rapid feedback loops enabled fearless experimentation. Learn how AI-assisted development can transform theme creation from a daunting task into an engaging, educational experience that balances creativity with functionality.

AI , Web Development
Read more

Building with AI: Copilot and Claude

Building with AI: Copilot and Claude

Discover how Claude and GitHub Copilot work together to streamline website development. Claude handles architectural decisions and structural changes like creating custom Hugo layouts and navigation systems, while GitHub Copilot excels at code completion and routine tasks. This post explores the division of labor between these AI tools, their complementary strengths, and how their collaboration creates a powerful development workflow that balances high-level planning with efficient implementation for building and maintaining this Hugo-powered blog.

AI , Web Development
Read more

Welcome to My New Blog

Welcome to My New Blog

Welcome to my new blog built with Hugo and GitHub Pages! This introductory post explores why I chose Hugo as my static site generator for its speed and developer experience, how the github-style theme provides a clean and responsive design, and how automated deployments through GitHub Actions make publishing effortless. Learn about the technical decisions behind this site and what you can expect in future posts covering development, AI tools, productivity workflows, and more insights from my software engineering journey.

Getting Started , Web Development
Read more