Writing · Tag

Articles tagged "tutorial".

5 articles on this topic.

Articles tagged "tutorial"

·6 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 locally in a pre-commit hook; gate it again in CI.

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

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

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

Wire Supabase Auth into an MV3 popup: bundle the UMD, persist sessions in chrome.storage, recover state on reopen. Working code included.

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

·7 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 from useState to React Hook Form, Zod, and shadcn Form. Code diffs, validation mode choice, and four gotchas covered.

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

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

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

Build an audit log table, attach a SECURITY DEFINER trigger that captures every UPDATE and DELETE, lock it down with RLS. Forty lines of SQL.

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

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

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

How I built a full-stack React + Next.js + TypeScript app with Claude Code: each step shows the prompt, what it produced, and what I corrected.

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