Three.js
STELLAR EPOCH: APHELION — A Free Browser Space Incremental Game
Free browser space incremental game STELLAR EPOCH: APHELION. No installs needed, play on mobile or PC, with dynamic events and a real ending.
Back to Home
Blog
Technical blog posts about web development, AI integration, and modern frontend technologies.
Topics
Timeline
OpenAI
OpenAI API: Responses API and Structured Outputs Specification and Implementation Guide
OpenAI Responses API and Structured Outputs guide for 2025. Server-side state management, built-in MCP tools, and 100% schema compliance for model outputs.
WebLLM
Running LLMs in the Browser — A Complete Guide to WebLLM
Guide to WebLLM: running LLMs in the browser with WebGPU, WebAssembly, and Web Workers. Covers architecture, benchmarks, supported models, and implementation.
draw.io
Auto-Generating AWS Architecture Diagrams from SAM Templates with draw.io MCP
A practical guide to generating AWS architecture diagrams from SAM templates using the draw.io MCP server and VS Code's Draw.io Integration extension.
Spec-Driven Development
Comparing Spec-Driven Development (SDD) Environments: SpecKit vs Kiro
Comparing two SDD approaches: VSCode + GitHub Copilot + SpecKit vs Kiro IDE. Covers setup, workflows, generated documents, and use-case recommendations.
GitHub Actions
Deploying to AWS from GitHub Actions with OIDC Authentication
Set up OIDC authentication between GitHub Actions and AWS. Covers IAM Identity Providers, trust policies, and secure CI/CD pipelines for S3, ECS, and SAM.
React
Building a URL-Shareable Video Chain Player with Vite + React (State Sync / i18n / AWS Deployment)
Video Chain Player: chain video segments and share via URL. Built with Vite + React 18, covering URL state sync, i18n, and AWS deployment with OIDC.
GitHub Copilot
Customizing GitHub Copilot in VS Code
GitHub Copilot customization in VS Code: Custom Instructions, Prompt Files, Custom Agents, Agent Skills, and MCP Server integration with practical code examples.
AI
Setting Up an AI 3D Modeling Environment by Integrating VSCode and Blender with MCP
Set up AI 3D modeling with VSCode + Blender via MCP: install uv, configure the MCP server, add the Blender add-on, and use natural language to control Blender.
Next.js
Released Own Info App — Minimal App with Next.js (SSG) × S3 × CloudFront
Multilingual Next.js 15 SSG app on S3 + CloudFront. Displays network/device info with copy/share, CloudFront URL rewriting, and a GitHub Actions CI/CD pipeline.
Next.js
Refactoring State Management with Next.js × Zustand
Next.js 15 state management refactoring with Zustand: slice pattern, bounded stores, session persistence, TTL caching, and retry mechanisms.
Next.js
Multilingual Architecture with Next.js App Router + Static Export
Next.js 15 multilingual static export architecture using React Context for i18n, SSG with client-side language detection for optimal SEO and UX.