← Build Log

Day 01 — Building aiwithrye.com From Scratch

Ryan Cunningham
Ryan Cunningham
AI Architect & Co-Founder

Why This Site Exists

I have been building AI systems for two years. Agents, pipelines, knowledge bases, autonomous operations. Most of it lives inside private repos, internal dashboards, and VM filesystems that nobody sees.

That changes today.

aiwithrye.com is my daily build log. Every day I am building something — a new agent, a new automation, a new integration — and I am going to document it here. No polish, no PR, no case studies written six months after the fact. Just the real work, in real time.


What I Built Today

Today was the site itself. Here is the exact stack.

Infrastructure

  • VM: A persistent Ubuntu 24.04 EC2 instance — the same VM that runs the Logoclothz AI matrix, but the site is fully isolated in its own directory with no access to any Logoclothz environment variables or credentials.
  • Web Server: Nginx serving static files from /var/www/aiwithrye.com/dist/
  • SSL: Let’s Encrypt via Certbot
  • Firewall: UFW with ports 80 and 443 open

Site Stack

  • Framework: Astro — the right choice for a content-heavy, SEO-first blog. Zero JavaScript shipped to the client by default.
  • Output: Static — pre-built HTML, served directly by Nginx. No Node.js process running in production.
  • Styling: Custom CSS with a dark navy / electric cyan / gold palette pulled from my AI avatar imagery.
  • Fonts: Space Grotesk (headings) + Inter (body).

SEO Stack

This site is built to be found. Here is what is wired in:

  • JSON-LD structured data: Person schema, WebSite schema with SearchAction, and BlogPosting schema on every post
  • Open Graph: Full OG meta on every page with correct image dimensions
  • Twitter Cards: summary_large_image on all pages
  • Canonical URLs: Set on every page
  • Sitemap: Auto-generated at /sitemap-index.xml
  • RSS Feed: Full feed at /rss.xml with author metadata
  • robots.txt: Configured to allow all crawlers and point to the sitemap
  • Semantic HTML5: Proper <main>, <header>, <footer>, <article>, <aside>, <nav> with ARIA labels throughout

The Color Palette

The design is pulled directly from my AI avatar images. The palette:

Token Hex Use
Navy #0a0e1a Page background
Navy Mid #0f1629 Card backgrounds
Cyan #00d4ff Primary accent, links
Gold #f5a623 Secondary accent, emphasis
White #ffffff Headings
Body Text #cbd5e1 Paragraph text

What Is Next

Tomorrow I start documenting the actual AI work. The Logoclothz matrix, the Morpheus agent, the Ghost content pipeline, the nightly knowledge base sweep. All of it.

If you want to follow along, subscribe to the RSS feed or connect with me on LinkedIn.

What are you building with AI right now? I am genuinely curious what problems people are trying to solve.