Skip to content

Add post: "Rebuilding my portfolio with an AI agent: the mistakes were the useful part"#15

Merged
Aswinmcw merged 1 commit into
mainfrom
post/rebuilding-portfolio-with-ai
Jul 16, 2026
Merged

Add post: "Rebuilding my portfolio with an AI agent: the mistakes were the useful part"#15
Aswinmcw merged 1 commit into
mainfrom
post/rebuilding-portfolio-with-ai

Conversation

@Aswinmcw

Copy link
Copy Markdown
Member

New post

Rebuilding my portfolio with an AI agent: the mistakes were the useful partcontent/posts/rebuilding-portfolio-with-ai.md

The portfolio itself lives on the Cloudflare edge, but its contact API and Chatwoot chat are self-hosted on the TrueNAS box — enough homelab to belong here. As with the rest of the blog, the gadget isn't the point; the reliability/debugging story is:

  • an aurora animation that ran in code but was imperceptible on screen (verifying the wrong claim),
  • a count-up that finished ~84% behind its own fade-in,
  • an outside-click handler guarding on a Chatwoot CSS class that doesn't exist in the running SDK version — the same "a check that passes for the wrong reason is worse than no check" trap as the status-page post (cross-linked),
  • two "routine" dependency bumps that broke the build (icon library dropped all brand logos; ESLint major turned on strict new hook rules),
  • and the boring ship-gate loop that kept an eager AI agent honest.

Honest, first-person about the AI pairing: it did the legwork, I made the calls and insisted on proof.

Verification

  • Strict build with the pinned extended Hugo (hugo --minify --gc, 0 errors) — matches CI.
  • Renders at /posts/rebuilding-portfolio-with-ai/; appears on the home page and the posts index; meta/og:description present; 2 terminal-framed code blocks + 2 callouts render; internal cross-link target exists.
  • Front matter matches the house convention (title / date / description / slug).

…e the useful part"

The gadget (a React portfolio on the Cloudflare edge, with a self-hosted
contact API + Chatwoot chat on the TrueNAS box) isn't the point — the
story is pairing with an AI coding agent and the loop that kept it
honest: an animation that ran in code but was imperceptible on screen, a
count-up that finished behind its own fade-in, an outside-click handler
guarding on a CSS class that never existed in the running SDK, and two
"routine" dependency bumps that broke the build (brand-icon removal,
ESLint major). Cross-links to the status-page post — same "a check that
passes for the wrong reason is worse than no check" lesson.

Verified with a strict pinned-Hugo build (hugo --minify --gc, 0 errors);
renders at /posts/rebuilding-portfolio-with-ai/, listed on home + posts.
@Aswinmcw
Aswinmcw requested review from a team as code owners July 16, 2026 06:56
Copilot AI review requested due to automatic review settings July 16, 2026 06:56

@Aswincloud-Bot Aswincloud-Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Auto-approved: @Aswinmcw is a member of @Aswincloud/admins.

@cloudflare-workers-and-pages

Copy link
Copy Markdown

Deploying with  Cloudflare Workers  Cloudflare Workers

The latest updates on your project. Learn more about integrating Git with Workers.

Status Name Latest Commit Preview URL Updated (UTC)
✅ Deployment successful!
View logs
blog c5906c0 Commit Preview URL

Branch Preview URL
Jul 16 2026, 06:56 AM

Copilot AI left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Adds a new Hugo blog post describing lessons from rebuilding the author’s portfolio while pairing with an AI coding agent, with emphasis on verification, debugging “invisible” UI bugs, and dependency-upgrade pitfalls—tying back to the existing status-page post.

Changes:

  • Adds a new post at content/posts/rebuilding-portfolio-with-ai.md with standard front matter (title/date/description/slug).
  • Includes narrative sections covering: imperceptible animations, a mistimed count-up, a Chatwoot outside-click bug caused by a nonexistent CSS class, and “routine” dependency bumps breaking builds.
  • Cross-links to the existing status-page post and references the live portfolio/contact entrypoint.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

@Aswinmcw
Aswinmcw added this pull request to the merge queue Jul 16, 2026
Merged via the queue into main with commit a75c66e Jul 16, 2026
5 checks passed
@Aswinmcw
Aswinmcw deleted the post/rebuilding-portfolio-with-ai branch July 16, 2026 07:01
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants