Technical blog posts about web development, AI integration, and modern frontend technologies.
A comprehensive guide to the latest OpenAI API updates as of 2025, focusing on the new Responses API (GA in March 2025) and Structured Outputs. Learn about server-side state management, built-in tools like MCP, and how to ensure 100% schema compliance for model outputs.
A comprehensive guide to WebLLM, which runs LLMs directly in the browser using WebGPU, WebAssembly, and Web Workers. This article covers how it works, its architecture, performance benchmarks, supported models, implementation examples, and practical use cases for privacy-first AI applications.
A practical guide to automatically generating AWS architecture diagrams from SAM templates using the draw.io MCP server and VS Code's Draw.io Integration extension, enabling seamless documentation workflow within your development environment.
This article compares two prominent approaches to Spec-Driven Development (SDD): VSCode + GitHub Copilot + SpecKit (adding an SDD toolkit to existing editors) and Kiro IDE (an all-in-one IDE with integrated SDD features), providing detailed insights into setup, workflows, generated documents, and use-case recommendations.
This comprehensive guide explains how to set up OIDC authentication between GitHub Actions and AWS, eliminating the need for long-lived access keys. Learn to configure IAM Identity Providers, create roles with proper trust policies, and implement secure CI/CD pipelines for S3, ECS, and SAM applications with practical examples using Terraform, SAM, and CloudFormation.
I built Video Chain Player, a web app that lets you chain specific video segments together and share them via URL. This article covers the tech stack (Vite, React 18, Zustand, i18next) and key implementation details including URL-based state synchronization, runtime i18n loading, and AWS deployment with OIDC.
This article covers GitHub Copilot customization features in VS Code, including Custom Instructions, Prompt Files, Custom Agents, Agent Skills, and MCP Server integration, with practical sample code to help you tailor Copilot to your team's development style and project-specific requirements.
This article explains how to set up an AI-powered 3D modeling environment by connecting VSCode and Blender using MCP (Model Context Protocol). The setup involves installing uv (a fast Python package manager), configuring an MCP server in VSCode, and installing a Blender add-on. Once connected, users can control Blender directly from VSCode using natural language instructions through GitHub Copilot, making 3D modeling more accessible even for beginners without extensive programming knowledge.
This article introduces "Own Info App" a multilingual web application built with Next.js 15 (SSG), deployed on S3 + CloudFront, that displays network and device information with copy/share functionality, featuring CloudFront Functions for URL rewriting, per-locale SEO optimization, and a GitHub Actions CI/CD pipeline for automated deployment.
This article describes refactoring state management in a Next.js 15 app by introducing Zustand with a slice pattern and bounded store architecture, consolidating data fetching logic from scattered components into the store layer with session persistence, TTL-based caching, and retry mechanisms to improve performance and reliability.
This article describes a multilingual architecture for Next.js 15 App Router with static export constraints, using React Context API for i18n and combining server-side static generation with client-side browser language detection for optimal SEO and UX. The approach generates all pages in a default language at build time while automatically redirecting users to their preferred language on the client side.
