Blog

Insights on video, web, and software.

automationMay 14, 2026

When n8n's Quota Ran Out and Killed Every Form Submission

Our n8n cloud instance hit its execution quota. Every lead form on the site kept working, kept sending emails, and kept silently dropping every record. Here's how we cut out the middleman.

webMay 13, 2026

The Scroll-Triggered Terminal We Use to Show Case Study Data

Static screenshots don't convey what a production system actually does. Here's the component we built that boots a deploy log on scroll, and the decisions that made it work.

aiMay 12, 2026

We Used AI to Generate Our Website's Hero Video

We needed a background video for the homepage hero that felt premium and matched our brand. Here's how we generated it with Seedance 2.0 via Higgsfield and wired it into Next.js correctly.

automationMay 11, 2026

The Lead Pipeline Gap That Makes No Noise

We shipped a new lead form, emails went out fine, and we missed every lead anyway. Here's the pattern that fixed it and why new endpoints need two separate wiring jobs.

webMay 10, 2026

One File Controls Every Meta Tag on Our Site

We keep all Next.js App Router SEO metadata in a single TypeScript file. One helper, one record per page, zero duplication. Here's exactly how it works.

webMay 9, 2026

We Structured Our AI Services Page Like a Hormozi Offer

The /ai page used to explain what the /impeccable skill does. Now it argues for it. Here's the Grand Slam structure we used and why each section exists.

automationMay 8, 2026

What We Built Behind the New Homepage (It's Not What You'd Expect)

We rebuilt our homepage as a real sales page. Here's the lead pipeline we wired behind the audit form: Zod validation, Resend emails, and a fire-and-forget webhook to n8n and Airtable.

webMay 7, 2026

Five Motion Primitives We Built for Our Site Rebuild

We rebuilt our homepage and needed motion that felt premium without becoming a performance liability. Here are the five components we reached for and the tradeoffs behind each.

automationMay 6, 2026

We Built Our Own Inbound Lead Funnel in an Afternoon

A Next.js API route, one n8n webhook, and a PDF lead magnet: here's how we wired up full end-to-end lead capture without touching a third-party form tool.

aiMay 5, 2026

We Rewrote Our Lead Magnet Copy and Here's the Before/After

Our first version of the /ai landing page listed five useful automations. Our second version attached dollar amounts and named specific outcomes. The difference is the whole game.

webMay 4, 2026

We Turned Our 404 Page Into a Three-Act Magic Trick

We replaced our generic 404 with a typewriter monologue, a giant 404 reveal, and a 'Back to the show' CTA. Here's how it works and why we built it this way.

automationMay 3, 2026

We Generated Our Lead Magnet PDF from Code. Here's the Stack.

We built a full lead capture funnel for our AI services page: a Playwright-generated PDF, a Next.js capture API, and an n8n webhook handling Airtable, Gmail, and Slack downstream.

aiMay 2, 2026

We Stopped Sourcing Stock Photos for Storyboards. We Generate Them Instead.

For a fire department recruitment video proposal, we replaced manually sourced stock photos with Gemini-generated scene frames. The difference in how well each image communicates the intended shot is hard to overstate.

webMay 1, 2026

One Script Failing Shouldn't Break the Whole Page

While building a client proposal page, a Supabase CDN failure was silently killing our scroll animations. Here's the layered initialization pattern we settled on and a naming collision bug that made us appreciate it even more.

webApr 30, 2026

Why We Bundled a Free Website Into Our Top Proposal Tier

When we structured the pricing for a fire department recruitment video, we added a full recruitment website as a free bonus on the top tier. Here's why that decision made sense for the client and for us.

webApr 29, 2026

Your Contact Form Is Lying to You

We fixed a bug in our own contact form that returned 200 OK even when Resend failed to deliver the email. The user thought their message went through. It didn't.

webApr 28, 2026

We Replaced the PDF Proposal with a Live Web Page

For a fire department recruitment video proposal, we built a live site instead of a PDF: scroll animations, AI-generated storyboard images, and a Supabase-powered comment system so the client can react to every scene and approve the project directly in the browser.

aiApr 27, 2026

AI Consulting: Why We Added Advisory Work to Our Services

We expanded beyond pure implementation to offer AI audits, team training, and ongoing advisory support. Here's what changed and why.

aiApr 26, 2026

We Built a Soil Valuation Portal Powered by Live Fertilizer Prices

A farm management client needed to automate soil nutrient valuations. We built a full-stack portal with a custom MCP server pulling real-time FRED pricing data so the numbers are always current.

automationApr 25, 2026

The Daily Grind: How We Automated Our Own Content Pipeline with n8n and Claude

We built a 5-workflow n8n automation suite that runs every day at 5pm, generating content, finding prospects, and surfacing one skill to sharpen. Here's how it works.

webApr 25, 2026

Replacing a 3D Portfolio with Sticky Tabs and Scroll Tracking

We built an immersive WebGL scroll corridor for our portfolio section, then replaced it with something simpler and better.

updatesFeb 25, 2026

Hello World

Welcome to the Twenty One Media blog. We write about building things that matter.