Google Stitch + Claude Code: Build Professional Websites in Hours, Not Weeks
A practical guide to combining Google Stitch (free AI design tool) with Claude Code to create branded, production-ready websites — without the generic AI template look.
#nextjs
13 posts
AI-Powered Migration Playbook: WPF to Web with React/Next.js — Choosing Your Path with AI
How to migrate a WPF desktop application to a web app using React and Next.js, with AI accelerating the hardest parts. MVVM to component state, XAML to JSX, and the strangler fig pattern.
English for Tech Leads Part 10: Build a Daily Lesson Generator App
Full blueprint for building a web app that generates daily English lessons, tracks your progress, and unlocks the next day's content only after completion. Includes Next.js code, AI integration, and assessment system.
Shipping the Template: Multi-Tenant Onboarding, Cost Savings, and the Honest Retrospective
Turning MarketingOS into a reusable template: new client onboarding in under an hour, multi-tenant content management, cost analysis showing 70% reduction per site, lessons learned, and what I'd do differently.
English for Tech Leads Part 7: Building a Family English Learning App
A complete technical blueprint for building a parent-child English learning application. Covers React Native/Expo mobile and Next.js web implementations, AI integration, and gamification.
Building a Real-Time Interview Voice System with Azure Foundry Voice Live & Next.js
Why Azure Foundry Voice Live changes everything for real-time voice AI. Understand the architecture, compare alternatives, and see how to build an interview system that responds in under 200ms.
Project Setup & Azure Configuration for Voice Live
From zero to a working Azure Foundry Voice Live connection in under 30 minutes. Covers resource provisioning, region selection for minimum latency, authentication, and your Next.js project scaffold.
Next.js Integration: WebSocket & Audio Streaming for Azure Voice Live
The complete, production-ready code for integrating Azure Foundry Voice Live into a Next.js app. Full WebSocket proxy, useVoiceLive hook, audio capture and playback — every line explained.
SEO That Actually Ranks: JSON-LD, Metadata, Sitemaps, and Core Web Vitals in a Headless CMS
Implementing production-grade SEO for marketing websites: dynamic metadata from Umbraco, JSON-LD structured data, XML sitemaps, robots.txt, Open Graph, Core Web Vitals optimization, and Lighthouse 100.
Rendering Umbraco Content in Next.js: Server Components, ISR, and a Component Library That Scales
Integrating Next.js 15 App Router with Umbraco's Content Delivery API using Server Components, building a reusable block renderer, ISR for content updates, and a marketing component library.
Building a Marketing Website Template with Umbraco 17 & Next.js: Why This Architecture and How to Set It Up
Why headless Umbraco 17 with Next.js is the sweet spot for reusable marketing websites, the architecture decisions behind MarketingOS, and setting up both projects with Clean Architecture on .NET 10.
AWS Full-Stack Mastery: Frontend with Amplify, CloudFront & S3
Deploy Next.js with SSR on AWS Amplify Gen 2, serve static assets from S3 with CloudFront CDN, configure custom domains with ACM certificates, and implement cache invalidation strategies.
From Idea to Production: Building a SaaS Product with Claude, Gemini, and Agentic AI
How I designed, analyzed, implemented, and tested Kids Learn — an AI-powered educational SaaS platform — using Claude as my development partner, Gemini for AI features, Next.js, PostgreSQL, and pgvector. A complete walkthrough from napkin sketch to production.
Stay in the loop
Get notified when I publish new posts on AI, .NET, cloud architecture and more.