Writing · Tag

Articles tagged "tutorial".

5 articles on this topic.

·8 min read · chrome-extension , github-actions , pre-commit-hooks

Chrome extension version-bump discipline: pre-commit + GitHub Actions

The Chrome Web Store rejects re-uploads with the same manifest version. Catch the missed bump in pre-commit; gate it again in CI.

Chrome extension version-bump discipline: pre-commit + GitHub Actions: cover image

·9 min read · chrome-extension , manifest-v3 , supabase

How to build a Chrome extension popup with Supabase Auth (step by step)

Load Supabase JS into a Manifest V3 popup, persist sessions in chrome.storage, handle popup-reopen state recovery. Step by step.

How to build a Chrome extension popup with Supabase Auth (step by step): cover image

·9 min read · react-hook-form , zod , react

How to migrate a useState form to React Hook Form and Zod (the real walkthrough)

Step-by-step migration of one form from useState plus inline validation to React Hook Form plus Zod plus shadcn Form. Code diffs and the mode choice.

How to migrate a useState form to React Hook Form and Zod (the real walkthrough): cover image

·7 min read · postgres , supabase , postgres-triggers

How to build a tamper-evident audit log in Postgres with one trigger

Step-by-step: build an audit log table, attach a SECURITY DEFINER trigger that captures every UPDATE and DELETE, lock it down with RLS.

How to build a tamper-evident audit log in Postgres with one trigger: cover image

·9 min read · tutorial , full-stack , reactjs

How I Used Claude Code to Build a Full-Stack React App: A Step-by-Step Development Guide

Learn how I built a Full-Stack React app with Claude Code as an AI pair programmer, focusing on security, documentation, and user experience

How I Used Claude Code to Build a Full-Stack React App: A Step-by-Step Development Guide: cover image
← All articles