Josh's Dev Blog

Josh's Dev Blog https://joshhong.vercel.app/en Frontend engineering insights and personal development journey en Mon, 15 Jun 2026 03:49:30 GMT <![CDATA[Cost #6: Batch API + Cache Write Optimization — The Last 30% of Advanced Savings]]> https://joshhong.vercel.app/en/posts/2026-08-17_Cost_06_Batch_Cache_Write_Optimization https://joshhong.vercel.app/en/posts/2026-08-17_Cost_06_Batch_Cache_Write_Optimization Mon, 17 Aug 2026 00:00:00 GMT Claude Code Cost Batch API Prompt Engineering <![CDATA[Cost #5: Monthly Bill Audit — Find the Token Burner in 926 Sessions]]> https://joshhong.vercel.app/en/posts/2026-08-10_Cost_05_Monthly_Bill_Audit https://joshhong.vercel.app/en/posts/2026-08-10_Cost_05_Monthly_Bill_Audit Mon, 10 Aug 2026 00:00:00 GMT Claude Code Cost Audit Token Insights <![CDATA[Cost #4: Pro / Max / API — Which ROI Is Highest for Which Workload]]> https://joshhong.vercel.app/en/posts/2026-08-03_Cost_04_Pro_Max_API_ROI https://joshhong.vercel.app/en/posts/2026-08-03_Cost_04_Pro_Max_API_ROI Mon, 03 Aug 2026 00:00:00 GMT Claude Code Cost Subscription ROI <![CDATA[Cost #3: Agentic Loop Token Defense — Stop Ralph Burning $200 Overnight]]> https://joshhong.vercel.app/en/posts/2026-07-27_Cost_03_Agentic_Loop_Token_Defense https://joshhong.vercel.app/en/posts/2026-07-27_Cost_03_Agentic_Loop_Token_Defense Mon, 27 Jul 2026 00:00:00 GMT Claude Code Cost Ralph Loop Auto-Research <![CDATA[Cost #2: Model Selection Economics — When to Use Opus / Sonnet / Haiku]]> https://joshhong.vercel.app/en/posts/2026-07-20_Cost_02_Model_Selection_Economics https://joshhong.vercel.app/en/posts/2026-07-20_Cost_02_Model_Selection_Economics Mon, 20 Jul 2026 00:00:00 GMT Claude Code Cost Model Selection Routing <![CDATA[Cost #1: Cache TTL Pro vs Max — The Physical Impact of 5 Minutes vs 1 Hour]]> https://joshhong.vercel.app/en/posts/2026-07-13_Cost_01_Cache_TTL_Deep_Dive https://joshhong.vercel.app/en/posts/2026-07-13_Cost_01_Cache_TTL_Deep_Dive Mon, 13 Jul 2026 00:00:00 GMT Claude Code Cost Cache Economics <![CDATA[Recipe #10: Image 4-Layer Routing — Don't Re-Decide Tool Every Image]]> https://joshhong.vercel.app/en/posts/2026-07-06_Recipe_10_Image_Routing_Pipeline https://joshhong.vercel.app/en/posts/2026-07-06_Recipe_10_Image_Routing_Pipeline Mon, 06 Jul 2026 00:00:00 GMT Pipeline Image Generation ComfyUI Decision Tree <![CDATA[Recipe #9: Wiki Knowledge Pipeline — Three-Layer Automation, raw → wiki → site]]> https://joshhong.vercel.app/en/posts/2026-06-29_Recipe_09_Wiki_Knowledge_Pipeline https://joshhong.vercel.app/en/posts/2026-06-29_Recipe_09_Wiki_Knowledge_Pipeline Mon, 29 Jun 2026 00:00:00 GMT Pipeline Wiki Knowledge Management Static Site <![CDATA[Recipe #8: Multi-Agent Orchestration — PM + Simon + Giselle + 3 Teammates]]> https://joshhong.vercel.app/en/posts/2026-06-22_Recipe_08_Multi_Agent_Orchestration_Pipeline https://joshhong.vercel.app/en/posts/2026-06-22_Recipe_08_Multi_Agent_Orchestration_Pipeline Mon, 22 Jun 2026 00:00:00 GMT Pipeline Multi-Agent Worktree PM <![CDATA[Recipe #7: Ralph Loop — Stop Hook + Cross-Session Auto Relay]]> https://joshhong.vercel.app/en/posts/2026-06-15_Recipe_07_Ralph_Loop_Pipeline https://joshhong.vercel.app/en/posts/2026-06-15_Recipe_07_Ralph_Loop_Pipeline Mon, 15 Jun 2026 00:00:00 GMT Pipeline Ralph Loop Stop Hook Auto Iteration <![CDATA[Recipe #6: Auto-Research Pipeline — Turn Taste Into a Number, Push It]]> https://joshhong.vercel.app/en/posts/2026-06-08_Recipe_06_Auto_Research_Pipeline https://joshhong.vercel.app/en/posts/2026-06-08_Recipe_06_Auto_Research_Pipeline Mon, 08 Jun 2026 00:00:00 GMT Pipeline Auto-Research Karpathy Auto Optimization <![CDATA[Hexagon #6: Risk Awareness — Telegram Injection, Worktree Race Defense]]> https://joshhong.vercel.app/en/posts/2026-06-05_Hexagon_06_Risk_Awareness https://joshhong.vercel.app/en/posts/2026-06-05_Hexagon_06_Risk_Awareness Fri, 05 Jun 2026 00:00:00 GMT AI Agent Security Permission Risk Awareness <![CDATA[Recipe #5: Content Distribution — Threads → Blog → LinkedIn → X → YT]]> https://joshhong.vercel.app/en/posts/2026-06-01_Recipe_05_Content_Distribution_Pipeline https://joshhong.vercel.app/en/posts/2026-06-01_Recipe_05_Content_Distribution_Pipeline Mon, 01 Jun 2026 00:00:00 GMT Pipeline Content Remotion Building in Public <![CDATA[Hexagon #5: Prompt Craft — Reference Fidelity and Anti-Minimal, Two Iron Rules]]> https://joshhong.vercel.app/en/posts/2026-05-29_Hexagon_05_Prompt_Craft https://joshhong.vercel.app/en/posts/2026-05-29_Hexagon_05_Prompt_Craft Fri, 29 May 2026 00:00:00 GMT AI Agent Prompt CLAUDE.md Prompt Craft <![CDATA[Recipe #4: Job Hunting Pipeline — 6 Scrapers + Supabase + GPT, End to End]]> https://joshhong.vercel.app/en/posts/2026-05-25_Recipe_04_Job_Hunting_Pipeline https://joshhong.vercel.app/en/posts/2026-05-25_Recipe_04_Job_Hunting_Pipeline Mon, 25 May 2026 00:00:00 GMT Pipeline Supabase Job Hunting MockMaster <![CDATA[Hexagon #4: Output Verification — Turning Subjective Feel Into Numbers]]> https://joshhong.vercel.app/en/posts/2026-05-22_Hexagon_04_Output_Verification https://joshhong.vercel.app/en/posts/2026-05-22_Hexagon_04_Output_Verification Fri, 22 May 2026 00:00:00 GMT AI Agent Quality Gate Auto-Research Output Verification <![CDATA[Recipe #3: VN Image Pipeline — Why You Can't Chop a Single One of the 66 Nodes]]> https://joshhong.vercel.app/en/posts/2026-05-18_Recipe_03_VN_Image_Pipeline https://joshhong.vercel.app/en/posts/2026-05-18_Recipe_03_VN_Image_Pipeline Mon, 18 May 2026 00:00:00 GMT Pipeline ComfyUI SDXL VN <![CDATA[Hexagon #3: Task Strategy — Knowing What to Delegate, What to Do Yourself]]> https://joshhong.vercel.app/en/posts/2026-05-15_Hexagon_03_Task_Strategy https://joshhong.vercel.app/en/posts/2026-05-15_Hexagon_03_Task_Strategy Fri, 15 May 2026 00:00:00 GMT AI Agent Task Decomposition Ralph Loop Task Strategy <![CDATA[Recipe #2: Animation Pipeline — gpt-image-2 Keyframes + RIFE Interpolation]]> https://joshhong.vercel.app/en/posts/2026-05-11_Recipe_02_Animation_Pipeline https://joshhong.vercel.app/en/posts/2026-05-11_Recipe_02_Animation_Pipeline Mon, 11 May 2026 00:00:00 GMT Pipeline ComfyUI Animation RIFE <![CDATA[Hexagon #2: Iteration Learning — Turn Every Mistake Into a Permanent Rule]]> https://joshhong.vercel.app/en/posts/2026-05-08_Hexagon_02_Iteration_Learning https://joshhong.vercel.app/en/posts/2026-05-08_Hexagon_02_Iteration_Learning Fri, 08 May 2026 00:00:00 GMT AI Agent Memory Feedback Loop Iteration Learning <![CDATA[Recipe #1: AV Translation Pipeline — Japanese Podcasts to Bilingual Markdown]]> https://joshhong.vercel.app/en/posts/2026-05-04_Recipe_01_AV_Translation_Pipeline https://joshhong.vercel.app/en/posts/2026-05-04_Recipe_01_AV_Translation_Pipeline Mon, 04 May 2026 00:00:00 GMT Pipeline Whisper Claude Translation <![CDATA[Hexagon #1: Context Management — How Agents Onboard in 30 Seconds]]> https://joshhong.vercel.app/en/posts/2026-05-01_Hexagon_01_Context_Management https://joshhong.vercel.app/en/posts/2026-05-01_Hexagon_01_Context_Management Fri, 01 May 2026 00:00:00 GMT AI Agent Claude Code Memory Context Management <![CDATA[The AI Agent Engineer Hexagon: Six Dimensions of Operational Ability]]> https://joshhong.vercel.app/en/posts/2026-04-22_AI_Agent_Engineer_Hexagon https://joshhong.vercel.app/en/posts/2026-04-22_AI_Agent_Engineer_Hexagon Wed, 22 Apr 2026 00:00:00 GMT AI Agent Claude Code Engineering Career <![CDATA[Three Tools for AI-Driven Development: Impeccable, Auto-Research, and Ralph]]> https://joshhong.vercel.app/en/posts/2026-04-16_Three_Tools_for_AI_Driven_Development https://joshhong.vercel.app/en/posts/2026-04-16_Three_Tools_for_AI_Driven_Development Thu, 16 Apr 2026 00:00:00 GMT AI Agent Claude Code Automation DevTools Guides <![CDATA[The Three-Punch Combo: Impeccable + Auto-Research + Ralph]]> https://joshhong.vercel.app/en/posts/2026-04-16_Impeccable_AutoResearch_Ralph_Combo https://joshhong.vercel.app/en/posts/2026-04-16_Impeccable_AutoResearch_Ralph_Combo Thu, 16 Apr 2026 00:00:00 GMT AI Agent Claude Code Automation DevTools <![CDATA[I Built a Pixel Art Virtual Office for My AI Team]]> https://joshhong.vercel.app/en/posts/2026-03-25_Virtual_Office_Pixel_Dashboard https://joshhong.vercel.app/en/posts/2026-03-25_Virtual_Office_Pixel_Dashboard Wed, 25 Mar 2026 00:00:00 GMT AI Side Project Pixel Art OpenClaw Build Log <![CDATA[Automation Playbook: OpenClaw Memory Management]]> https://joshhong.vercel.app/en/posts/2026-02-13_Playbook_Memory_Management https://joshhong.vercel.app/en/posts/2026-02-13_Playbook_Memory_Management Fri, 13 Feb 2026 00:00:00 GMT Automation Playbook OpenClaw Memory <![CDATA[OpenClaw Field Notes Collection: 13 Pitfalls Across 4 Themes]]> https://joshhong.vercel.app/en/posts/2026-02-13_OpenClaw_Field_Notes_Collection https://joshhong.vercel.app/en/posts/2026-02-13_OpenClaw_Field_Notes_Collection Fri, 13 Feb 2026 00:00:00 GMT OpenClaw Field Notes Gmail OAuth Sessions Config <![CDATA[OpenClaw Field Notes: Cron Jobs Fix After Auto-Update]]> https://joshhong.vercel.app/en/posts/2026-02-12_OpenClaw_Field_Notes_Cron_Jobs_Auto_Update_Fix https://joshhong.vercel.app/en/posts/2026-02-12_OpenClaw_Field_Notes_Cron_Jobs_Auto_Update_Fix Thu, 12 Feb 2026 00:00:00 GMT OpenClaw Cron Field Notes Config <![CDATA[Automation Playbook: Sending Gmail via Python OAuth in Cron]]> https://joshhong.vercel.app/en/posts/2026-02-12_Automation_Playbook_Gmail_OAuth_in_Cron https://joshhong.vercel.app/en/posts/2026-02-12_Automation_Playbook_Gmail_OAuth_in_Cron Thu, 12 Feb 2026 00:00:00 GMT Automation Gmail OAuth Python Cron Playbook <![CDATA[Automation Playbook: New Agent Onboarding SOP]]> https://joshhong.vercel.app/en/posts/2026-02-09_New_Agent_Onboarding_SOP https://joshhong.vercel.app/en/posts/2026-02-09_New_Agent_Onboarding_SOP Mon, 09 Feb 2026 00:00:00 GMT Automation Playbook OpenClaw Onboarding <![CDATA[Day 18: The Skills System (How to Write Your Own Skill)]]> https://joshhong.vercel.app/en/posts/2026-02-01_Learn_day18-skills https://joshhong.vercel.app/en/posts/2026-02-01_Learn_day18-skills Sun, 01 Feb 2026 00:00:00 GMT AI Agent OpenClaw Deep Dive OpenClaw <![CDATA[Day 17: Logging and Debugging]]> https://joshhong.vercel.app/en/posts/2026-01-31_Learn_day17-logging https://joshhong.vercel.app/en/posts/2026-01-31_Learn_day17-logging Sat, 31 Jan 2026 00:00:00 GMT AI Agent LLM OpenClaw Deep Dive Architecture <![CDATA[Day 16: The Provider System (OpenAI, Anthropic, Google)]]> https://joshhong.vercel.app/en/posts/2026-01-30_Learn_day16-providers https://joshhong.vercel.app/en/posts/2026-01-30_Learn_day16-providers Fri, 30 Jan 2026 00:00:00 GMT AI Agent LLM OpenClaw Deep Dive Architecture <![CDATA[Day 15: The Hooks System]]> https://joshhong.vercel.app/en/posts/2026-01-29_Learn_day15-hooks https://joshhong.vercel.app/en/posts/2026-01-29_Learn_day15-hooks Thu, 29 Jan 2026 00:00:00 GMT AI Agent LLM OpenClaw Deep Dive Automation <![CDATA[Day 14: Security (Sandbox, Tool Policies, SSRF Protection)]]> https://joshhong.vercel.app/en/posts/2026-01-28_Learn_day14-security https://joshhong.vercel.app/en/posts/2026-01-28_Learn_day14-security Wed, 28 Jan 2026 00:00:00 GMT AI Agent LLM OpenClaw Deep Dive Security <![CDATA[Speak2Type: A Lightweight Global Voice-to-Text Tool for Windows]]> https://joshhong.vercel.app/en/posts/2026-01-27_speak2type https://joshhong.vercel.app/en/posts/2026-01-27_speak2type Tue, 27 Jan 2026 00:00:00 GMT Windows Side Project Tool <![CDATA[Day 13: The Commands System]]> https://joshhong.vercel.app/en/posts/2026-01-27_Learn_day13-commands https://joshhong.vercel.app/en/posts/2026-01-27_Learn_day13-commands Tue, 27 Jan 2026 00:00:00 GMT AI Agent LLM OpenClaw Deep Dive Tool Use <![CDATA[Day 12: Browser Control (CDP, Profiles, Snapshots)]]> https://joshhong.vercel.app/en/posts/2026-01-26_Learn_day12-browser https://joshhong.vercel.app/en/posts/2026-01-26_Learn_day12-browser Mon, 26 Jan 2026 00:00:00 GMT AI Agent LLM OpenClaw Deep Dive Tool Use <![CDATA[Day 11: Subagents (sessions_spawn)]]> https://joshhong.vercel.app/en/posts/2026-01-25_Learn_day11-subagents https://joshhong.vercel.app/en/posts/2026-01-25_Learn_day11-subagents Sun, 25 Jan 2026 00:00:00 GMT AI Agent LLM OpenClaw Deep Dive Architecture <![CDATA[Day 10: The Auto-Reply Mechanism (Heartbeat, Routing)]]> https://joshhong.vercel.app/en/posts/2026-01-24_Learn_day10-heartbeat https://joshhong.vercel.app/en/posts/2026-01-24_Learn_day10-heartbeat Sat, 24 Jan 2026 00:00:00 GMT AI Agent LLM OpenClaw Deep Dive Automation <![CDATA[Day 9: Context Management (Workspace Files, Project Context)]]> https://joshhong.vercel.app/en/posts/2026-01-23_Learn_day09-context https://joshhong.vercel.app/en/posts/2026-01-23_Learn_day09-context Fri, 23 Jan 2026 00:00:00 GMT AI Agent LLM OpenClaw Deep Dive Context Management <![CDATA[Day 8: The Config System (openclaw.json, agents, bindings)]]> https://joshhong.vercel.app/en/posts/2026-01-22_Learn_day08-config https://joshhong.vercel.app/en/posts/2026-01-22_Learn_day08-config Thu, 22 Jan 2026 00:00:00 GMT AI Agent LLM OpenClaw Deep Dive Architecture <![CDATA[Day 7: The Memory System (Compaction, Memory-Flush)]]> https://joshhong.vercel.app/en/posts/2026-01-21_Learn_day07-memory https://joshhong.vercel.app/en/posts/2026-01-21_Learn_day07-memory Wed, 21 Jan 2026 00:00:00 GMT AI Agent LLM OpenClaw Deep Dive Memory <![CDATA[Day 6: The Cron System (Schedule, Payload, Delivery)]]> https://joshhong.vercel.app/en/posts/2026-01-20_Learn_day06-cron https://joshhong.vercel.app/en/posts/2026-01-20_Learn_day06-cron Tue, 20 Jan 2026 00:00:00 GMT AI Agent LLM OpenClaw Deep Dive Automation <![CDATA[Day 5: Plugin Architecture (How Telegram/WhatsApp Integrate)]]> https://joshhong.vercel.app/en/posts/2026-01-19_Learn_day05-plugins https://joshhong.vercel.app/en/posts/2026-01-19_Learn_day05-plugins Mon, 19 Jan 2026 00:00:00 GMT AI Agent LLM OpenClaw Deep Dive Plugins <![CDATA[Day 4: The Tool System (exec, browser, message, etc.)]]> https://joshhong.vercel.app/en/posts/2026-01-18_Learn_day04-tools https://joshhong.vercel.app/en/posts/2026-01-18_Learn_day04-tools Sun, 18 Jan 2026 00:00:00 GMT AI Agent LLM OpenClaw Deep Dive Tool Use <![CDATA[Day 3: Session Mechanism (Isolated vs Main)]]> https://joshhong.vercel.app/en/posts/2026-01-17_Learn_day03-session https://joshhong.vercel.app/en/posts/2026-01-17_Learn_day03-session Sat, 17 Jan 2026 00:00:00 GMT AI Agent LLM OpenClaw Deep Dive Context Management <![CDATA[Day 2: The Agent System (Core Message Processing Logic)]]> https://joshhong.vercel.app/en/posts/2026-01-16_Learn_day02-agent-system https://joshhong.vercel.app/en/posts/2026-01-16_Learn_day02-agent-system Fri, 16 Jan 2026 00:00:00 GMT AI Agent LLM OpenClaw Deep Dive Architecture <![CDATA[Day 1: OpenClaw Overall Architecture]]> https://joshhong.vercel.app/en/posts/2026-01-15_Learn_day01-architecture https://joshhong.vercel.app/en/posts/2026-01-15_Learn_day01-architecture Thu, 15 Jan 2026 00:00:00 GMT AI Agent LLM OpenClaw Deep Dive Architecture <![CDATA[12. Token Optimization and Cost Control: The Art of Saving Money]]> https://joshhong.vercel.app/en/posts/2026-01-12_Learn_12-cost-optimization https://joshhong.vercel.app/en/posts/2026-01-12_Learn_12-cost-optimization Mon, 12 Jan 2026 00:00:00 GMT AI Agent LLM AI Agent Fundamentals Cost Optimization <![CDATA[11. Trust Boundary: What's Trusted and What's Not]]> https://joshhong.vercel.app/en/posts/2026-01-11_Learn_11-trust-boundary https://joshhong.vercel.app/en/posts/2026-01-11_Learn_11-trust-boundary Sun, 11 Jan 2026 00:00:00 GMT AI Agent LLM AI Agent Fundamentals Security <![CDATA[10. Embeddings and Vector Search: An Agent's Long-Term Memory]]> https://joshhong.vercel.app/en/posts/2026-01-10_Learn_10-embeddings https://joshhong.vercel.app/en/posts/2026-01-10_Learn_10-embeddings Sat, 10 Jan 2026 00:00:00 GMT AI Agent LLM AI Agent Fundamentals Embeddings <![CDATA[09. Provider Abstraction Layer: How OpenClaw Supports Multiple LLMs]]> https://joshhong.vercel.app/en/posts/2026-01-09_Learn_09-provider-abstraction https://joshhong.vercel.app/en/posts/2026-01-09_Learn_09-provider-abstraction Fri, 09 Jan 2026 00:00:00 GMT AI Agent LLM AI Agent Fundamentals Architecture <![CDATA[08. Session State Machine: The Lifecycle of Agent Conversations]]> https://joshhong.vercel.app/en/posts/2026-01-08_Learn_08-session-state https://joshhong.vercel.app/en/posts/2026-01-08_Learn_08-session-state Thu, 08 Jan 2026 00:00:00 GMT AI Agent LLM AI Agent Fundamentals Context Management <![CDATA[07. Context Management: Why Agents Need to "Forget"]]> https://joshhong.vercel.app/en/posts/2026-01-07_Learn_07-context-management https://joshhong.vercel.app/en/posts/2026-01-07_Learn_07-context-management Wed, 07 Jan 2026 00:00:00 GMT AI Agent LLM AI Agent Fundamentals Context Management <![CDATA[06. The ReAct Pattern: The Agent's Thinking Loop]]> https://joshhong.vercel.app/en/posts/2026-01-06_Learn_06-react-pattern https://joshhong.vercel.app/en/posts/2026-01-06_Learn_06-react-pattern Tue, 06 Jan 2026 00:00:00 GMT AI Agent LLM AI Agent Fundamentals Architecture <![CDATA[05. The Role of System Prompts: Why They Can Control AI Behavior]]> https://joshhong.vercel.app/en/posts/2026-01-05_Learn_05-system-prompt https://joshhong.vercel.app/en/posts/2026-01-05_Learn_05-system-prompt Mon, 05 Jan 2026 00:00:00 GMT AI Agent LLM AI Agent Fundamentals Prompt Engineering <![CDATA[04. Temperature and Top-p: Controlling LLM "Creativity"]]> https://joshhong.vercel.app/en/posts/2026-01-04_Learn_04-temperature https://joshhong.vercel.app/en/posts/2026-01-04_Learn_04-temperature Sun, 04 Jan 2026 00:00:00 GMT AI Agent LLM AI Agent Fundamentals Prompt Engineering <![CDATA[03. Streaming: Why Text Can Appear as It Is Being Generated]]> https://joshhong.vercel.app/en/posts/2026-01-03_Learn_03-streaming https://joshhong.vercel.app/en/posts/2026-01-03_Learn_03-streaming Sat, 03 Jan 2026 00:00:00 GMT AI Agent LLM AI Agent Fundamentals Streaming <![CDATA[02. Tool Calling Protocol: How Agents Can "Take Action"]]> https://joshhong.vercel.app/en/posts/2026-01-02_Learn_02-tool-calling https://joshhong.vercel.app/en/posts/2026-01-02_Learn_02-tool-calling Fri, 02 Jan 2026 00:00:00 GMT AI Agent LLM AI Agent Fundamentals Tool Use <![CDATA[01. Token Mechanics: The Unit of Measurement for LLMs]]> https://joshhong.vercel.app/en/posts/2026-01-01_Learn_01-tokens https://joshhong.vercel.app/en/posts/2026-01-01_Learn_01-tokens Thu, 01 Jan 2026 00:00:00 GMT AI Agent LLM AI Agent Fundamentals <![CDATA[Web Storage Strategies: Cookie, Session, and JWT in Practice]]> https://joshhong.vercel.app/en/posts/2025-08-31_Web_Authentication_Storage_Strategy https://joshhong.vercel.app/en/posts/2025-08-31_Web_Authentication_Storage_Strategy Sun, 31 Aug 2025 00:00:00 GMT Auth Security JavaScript <![CDATA[Memory Cache Implementation: Testing Cache Effectiveness]]> https://joshhong.vercel.app/en/posts/2025-08-31_Memory_Cache_SSG_Comparison https://joshhong.vercel.app/en/posts/2025-08-31_Memory_Cache_SSG_Comparison Sun, 31 Aug 2025 00:00:00 GMT Cache Performance Next.js <![CDATA[Port Management Cheat Sheet for Developers]]> https://joshhong.vercel.app/en/posts/2025-08-30_Port_Management_Cheat_Sheet https://joshhong.vercel.app/en/posts/2025-08-30_Port_Management_Cheat_Sheet Sat, 30 Aug 2025 00:00:00 GMT DevTools <![CDATA[Complete Guide to Next.js Rendering Patterns: SSR/CSR/SSG/ISR]]> https://joshhong.vercel.app/en/posts/2025-08-24_NextJS_Rendering_Patterns_Complete_Guide https://joshhong.vercel.app/en/posts/2025-08-24_NextJS_Rendering_Patterns_Complete_Guide Sun, 24 Aug 2025 00:00:00 GMT Next.js SSG SSR Rendering Performance <![CDATA[Implementing SSG in a Next.js Blog: Migrating from SSR]]> https://joshhong.vercel.app/en/posts/2025-08-23_SSG_Implementation_Next_Blog https://joshhong.vercel.app/en/posts/2025-08-23_SSG_Implementation_Next_Blog Sat, 23 Aug 2025 00:00:00 GMT Next.js SSG SSR Performance <![CDATA[XSS Protection: From "100 Files" to "One Interceptor"]]> https://joshhong.vercel.app/en/posts/2025-08-01_XSS_Protection_Architecture_Refactoring https://joshhong.vercel.app/en/posts/2025-08-01_XSS_Protection_Architecture_Refactoring Fri, 01 Aug 2025 00:00:00 GMT Security XSS JavaScript API <![CDATA[Frontend gRPC Integration: A Complete Migration Guide from REST to gRPC]]> https://joshhong.vercel.app/en/posts/2025-08-01_Frontend_gRPC_Integration_Implementation https://joshhong.vercel.app/en/posts/2025-08-01_Frontend_gRPC_Integration_Implementation Fri, 01 Aug 2025 00:00:00 GMT gRPC TypeScript Next.js API <![CDATA[Building a Context-Aware Video Chatbot with Multi-Turn Memory]]> https://joshhong.vercel.app/en/posts/2025-06-22_video_summarizer_chatbot https://joshhong.vercel.app/en/posts/2025-06-22_video_summarizer_chatbot Sun, 22 Jun 2025 00:00:00 GMT AI Next.js API Node.js <![CDATA[YouTube Video Manager, Summarizer & Note-taker: The "Video Summarizer" Project]]> https://joshhong.vercel.app/en/posts/2025-06-21_Video_summarizer_project https://joshhong.vercel.app/en/posts/2025-06-21_Video_summarizer_project Sat, 21 Jun 2025 00:00:00 GMT Next.js AI Node.js Video <![CDATA[One Year as a Software Engineer: Reflections and the Road Ahead]]> https://joshhong.vercel.app/en/posts/2025-06-15_after_a_year_being_swe https://joshhong.vercel.app/en/posts/2025-06-15_after_a_year_being_swe Sun, 15 Jun 2025 00:00:00 GMT Career <![CDATA[Google Docs to Markdown: Auto-Convert with Cloudinary + AI Polish]]> https://joshhong.vercel.app/en/posts/2025-06-01_Google_Docs_to_Markdown_Tool https://joshhong.vercel.app/en/posts/2025-06-01_Google_Docs_to_Markdown_Tool Sun, 01 Jun 2025 00:00:00 GMT Node.js AI DevTools <![CDATA[Considering a Career Switch to Software Engineering? My Honest Experience]]> https://joshhong.vercel.app/en/posts/2025-04-14_Career_switch_experience https://joshhong.vercel.app/en/posts/2025-04-14_Career_switch_experience Mon, 14 Apr 2025 00:00:00 GMT Career <![CDATA[WhisperX + AiNiee + SakuraLLM: Generating Chinese Subtitles for Japanese Videos]]> https://joshhong.vercel.app/en/posts/2025-03-20_Whisperx_AiNiee_Sakurallm https://joshhong.vercel.app/en/posts/2025-03-20_Whisperx_AiNiee_Sakurallm Thu, 20 Mar 2025 00:00:00 GMT AI Node.js DevTools Video <![CDATA[2025 Side Projects and Tools: My Journey with LLMs and Node.js]]> https://joshhong.vercel.app/en/posts/2025-03-13_side_projects_and_tools https://joshhong.vercel.app/en/posts/2025-03-13_side_projects_and_tools Thu, 13 Mar 2025 00:00:00 GMT AI Node.js DevTools <![CDATA[Simple Implementation Process for NextAuth]]> https://joshhong.vercel.app/en/posts/2025-01-15_Simple_Implementation_Process_for_NextAuth https://joshhong.vercel.app/en/posts/2025-01-15_Simple_Implementation_Process_for_NextAuth Wed, 15 Jan 2025 00:00:00 GMT Next.js Auth Node.js <![CDATA[Personal Blog Update Record(Part 1): Implementing Post Filters]]> https://joshhong.vercel.app/en/posts/2025-01-12_Personal_Blog_Update_Post_Filters https://joshhong.vercel.app/en/posts/2025-01-12_Personal_Blog_Update_Post_Filters Sun, 12 Jan 2025 00:00:00 GMT React Next.js JavaScript <![CDATA[Using i18n in Next.js Applications]]> https://joshhong.vercel.app/en/posts/2025-01-06_Using_i18n_in_Nextjs_Applications https://joshhong.vercel.app/en/posts/2025-01-06_Using_i18n_in_Nextjs_Applications Sat, 11 Jan 2025 00:00:00 GMT Next.js React JavaScript <![CDATA[Moonlight Remote Access Setup Notes]]> https://joshhong.vercel.app/en/posts/2025-01-10_Moonlight_Remote_Access_Setup_Notes https://joshhong.vercel.app/en/posts/2025-01-10_Moonlight_Remote_Access_Setup_Notes Fri, 10 Jan 2025 00:00:00 GMT DevTools <![CDATA[Handling Next.js Routing and Context Fetch Issues]]> https://joshhong.vercel.app/en/posts/2025-01-08_Handling_Nextjs_Routing_and_Context_Fetch_Issues https://joshhong.vercel.app/en/posts/2025-01-08_Handling_Nextjs_Routing_and_Context_Fetch_Issues Wed, 08 Jan 2025 00:00:00 GMT Next.js React API <![CDATA[Component Shared State Implementation with Context API]]> https://joshhong.vercel.app/en/posts/2025-01-11_Component_State_Sharing_Options https://joshhong.vercel.app/en/posts/2025-01-11_Component_State_Sharing_Options Mon, 06 Jan 2025 00:00:00 GMT React Next.js JavaScript <![CDATA[React Parent-Child Communication and Props Usage]]> https://joshhong.vercel.app/en/posts/2025-01-05_React_Parent_Child_Communication_and_Props_Usage https://joshhong.vercel.app/en/posts/2025-01-05_React_Parent_Child_Communication_and_Props_Usage Sun, 05 Jan 2025 00:00:00 GMT React JavaScript <![CDATA[Our Little Explorer Update Record(Part 1): Frontend and DB Date Handling]]> https://joshhong.vercel.app/en/posts/2025-01-04_Our_Little_Explorer_Update_Record https://joshhong.vercel.app/en/posts/2025-01-04_Our_Little_Explorer_Update_Record Sat, 04 Jan 2025 00:00:00 GMT Next.js React JavaScript Node.js <![CDATA[Using IntersectionObserver for Lazyload Applications]]> https://joshhong.vercel.app/en/posts/2025-01-03_Using_IntersectionObserver_for_Lazyload_Applications https://joshhong.vercel.app/en/posts/2025-01-03_Using_IntersectionObserver_for_Lazyload_Applications Fri, 03 Jan 2025 00:00:00 GMT JavaScript Performance React <![CDATA[git fetch & git pull Project Errors]]> https://joshhong.vercel.app/en/posts/2025-01-02_Git_Fetch_Pull_Project_Errors https://joshhong.vercel.app/en/posts/2025-01-02_Git_Fetch_Pull_Project_Errors Thu, 02 Jan 2025 00:00:00 GMT Git DevTools <![CDATA[Using Postman to Query Github GraphQL API]]> https://joshhong.vercel.app/en/posts/2025-01-01_Using_Postman_to_Query_Github_GraphQL_API https://joshhong.vercel.app/en/posts/2025-01-01_Using_Postman_to_Query_Github_GraphQL_API Wed, 01 Jan 2025 00:00:00 GMT API Git DevTools <![CDATA[Git Commit Line Count]]> https://joshhong.vercel.app/en/posts/2024-12-31_Git_Commit_Line_Count https://joshhong.vercel.app/en/posts/2024-12-31_Git_Commit_Line_Count Tue, 31 Dec 2024 00:00:00 GMT Git DevTools <![CDATA[MUI Select and Form Components]]> https://joshhong.vercel.app/en/posts/2024-12-28_MUI_Select_and_Form_Components https://joshhong.vercel.app/en/posts/2024-12-28_MUI_Select_and_Form_Components Sat, 28 Dec 2024 00:00:00 GMT React JavaScript <![CDATA[General Project Development Environment Setup]]> https://joshhong.vercel.app/en/posts/2024-12-26_dev_env_setup_guide https://joshhong.vercel.app/en/posts/2024-12-26_dev_env_setup_guide Thu, 26 Dec 2024 00:00:00 GMT DevTools Git Deployment <![CDATA[Understanding JavaScript Array Methods: flat() and new Set()]]> https://joshhong.vercel.app/en/posts/2024-12-13_Understanding_JavaScript_Array_Methods https://joshhong.vercel.app/en/posts/2024-12-13_Understanding_JavaScript_Array_Methods Fri, 13 Dec 2024 00:00:00 GMT JavaScript <![CDATA[Understanding Metadata]]> https://joshhong.vercel.app/en/posts/2024-12-10_Understanding_Metadata https://joshhong.vercel.app/en/posts/2024-12-10_Understanding_Metadata Tue, 10 Dec 2024 00:00:00 GMT Next.js Performance <![CDATA[VSCode Downgrade and Update Settings Notes]]> https://joshhong.vercel.app/en/posts/2024-12-05_VSCode_Downgrade_and_Update_Settings_Notes https://joshhong.vercel.app/en/posts/2024-12-05_VSCode_Downgrade_and_Update_Settings_Notes Thu, 05 Dec 2024 00:00:00 GMT DevTools Git <![CDATA[Convert URL Parameters to Object by a one-line JavaScript function]]> https://joshhong.vercel.app/en/posts/2024-12-02_url_params_to_object https://joshhong.vercel.app/en/posts/2024-12-02_url_params_to_object Mon, 02 Dec 2024 00:00:00 GMT JavaScript <![CDATA[Synchronous vs Asynchronous Notes]]> https://joshhong.vercel.app/en/posts/2024-11-28_Synchronous_vs_Asynchronous_Notes https://joshhong.vercel.app/en/posts/2024-11-28_Synchronous_vs_Asynchronous_Notes Tue, 26 Nov 2024 00:00:00 GMT JavaScript Node.js <![CDATA[Node.js fs.readdir, readdirSync Explained]]> https://joshhong.vercel.app/en/posts/2024-11-26_Nodejs_fs_readdir_and_readdirSync_Explained https://joshhong.vercel.app/en/posts/2024-11-26_Nodejs_fs_readdir_and_readdirSync_Explained Tue, 26 Nov 2024 00:00:00 GMT Node.js JavaScript <![CDATA[Node.js Path.join and Process.cwd Explained]]> https://joshhong.vercel.app/en/posts/2024-11-25_Nodejs_Path_join_and_Process_cwd_Explained https://joshhong.vercel.app/en/posts/2024-11-25_Nodejs_Path_join_and_Process_cwd_Explained Mon, 25 Nov 2024 00:00:00 GMT Node.js JavaScript <![CDATA[Using DOMPurify]]> https://joshhong.vercel.app/en/posts/2024-11-23_Using_DOMPurify https://joshhong.vercel.app/en/posts/2024-11-23_Using_DOMPurify Sat, 23 Nov 2024 00:00:00 GMT JavaScript Security <![CDATA[Understanding String.replace() Method in JavaScript]]> https://joshhong.vercel.app/en/posts/2024-11-22_Understanding_String_replace_Method_in_JavaScript https://joshhong.vercel.app/en/posts/2024-11-22_Understanding_String_replace_Method_in_JavaScript Fri, 22 Nov 2024 00:00:00 GMT JavaScript <![CDATA[Google Sheets API Setup and Troubleshooting Notes]]> https://joshhong.vercel.app/en/posts/2024-09-13_Google_Sheets_API_Setup_and_Troubleshooting_Notes https://joshhong.vercel.app/en/posts/2024-09-13_Google_Sheets_API_Setup_and_Troubleshooting_Notes Fri, 13 Sep 2024 00:00:00 GMT API Node.js Database <![CDATA[Project Review - Our Little Explorer]]> https://joshhong.vercel.app/en/posts/2023-05-28_06baby https://joshhong.vercel.app/en/posts/2023-05-28_06baby Sun, 28 May 2023 00:00:00 GMT Next.js React TypeScript API <![CDATA[React Table Beginner Guide]]> https://joshhong.vercel.app/en/posts/2023-04-18_reacttable https://joshhong.vercel.app/en/posts/2023-04-18_reacttable Tue, 18 Apr 2023 00:00:00 GMT React JavaScript <![CDATA[What is API and ..REST API]]> https://joshhong.vercel.app/en/posts/2023-04-05_restfulapi https://joshhong.vercel.app/en/posts/2023-04-05_restfulapi Wed, 05 Apr 2023 00:00:00 GMT API Node.js <![CDATA[useState explained]]> https://joshhong.vercel.app/en/posts/2023-03-31_useState_explained https://joshhong.vercel.app/en/posts/2023-03-31_useState_explained Fri, 31 Mar 2023 00:00:00 GMT React JavaScript <![CDATA[Tailwind CSS Usage Experience: Boosting Development Speed (Updated on 2025/1/3)]]> https://joshhong.vercel.app/en/posts/2023-03-30_Tailwind_CSS_Usage_Experience https://joshhong.vercel.app/en/posts/2023-03-30_Tailwind_CSS_Usage_Experience Thu, 30 Mar 2023 00:00:00 GMT CSS Tailwind <![CDATA[My Reasons and Expectations for Writing a Dev Blog]]> https://joshhong.vercel.app/en/posts/2023-03-29_Reasons_and_Expectations_for_Writing_a_Dev_Blog https://joshhong.vercel.app/en/posts/2023-03-29_Reasons_and_Expectations_for_Writing_a_Dev_Blog Wed, 29 Mar 2023 00:00:00 GMT Career Blog