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.
Read more →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.
Read more →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.
Read more →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.
Read more →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.
Read more →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.
Read more →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.
Read more →