Archive
Notes on the things that took me longer than they should have, newest first.
2026
9 postsView Transitions in Next.js 16 with React's ViewTransitionAdd page transitions and shared element morphs to a Next.js 16 site with React's ViewTransition, plus fixes for fixed headers, backdrop-filter blur and reduced motion.Oct 11shadcn/ui with Base UI: Setup and Migrating from Radixshadcn/ui now builds on Base UI by default. How to set it up in Next.js, what replaces asChild, what changed from Radix, and the errors you hit when migrating.Oct 1near-field 0.2: Cursor Proximity Without Reactnear-field 0.2 ships a vanilla entry: the same proximity field, springs, and Magnetic, Tilt, and Glow effects with no framework at all. Plain functions that take an element and return a cleanup, about 3KB min+gzip, and importable straight from a CDN with no bundler.Sep 26How to Set Up next-themes in Next.js (App Router and shadcn/ui)Set up next-themes in Next.js: install it, add the ThemeProvider for the App Router and shadcn/ui, build a toggle that follows the system theme, and fix the hydration mismatch.Sep 14Hover Is Binary, So I Built near-fieldCSS has nothing between 'not hovering' and 'hovering', so every proximity effect gets rebuilt in JavaScript, per component, per project. near-field turns cursor proximity into a CSS input: one hook, three custom properties, and your stylesheet decides what 'near' means.Jul 16Template-NEXT: A Comprehensive Guide to Getting StartedAn in-depth look at Template-NEXT v0.5.0, a professional Next.js project generator with TypeScript, React Compiler, Turbopack, Tailwind CSS, and shadcn/ui. Learn about its Next.js 16 baseline, npm/pnpm/yarn/bun support, interactive setup, component and feature flags, and how to leverage it for your next project.Jul 5Changelog for Template-NEXT: Version 0.5.0A detailed changelog for Template-NEXT v0.5.0, featuring a faster single-pass install, support for npm, pnpm, yarn, and bun, a new interactive setup with package-manager auto-detection, component and feature selection flags, and an upgraded starter page with a working theme toggle.Jun 14Changelog for Template-NEXT: Version 0.4.2A small changelog for Template-NEXT v0.4.2, adding AGENTS.md support in the Next.js scaffold flow, updating the shadcn/ui preset to b1YmqvjRA, and polishing the starter links.Mar 24Changelog for Template-NEXT: Version 0.4.1A detailed changelog for Template-NEXT v0.4.1, featuring a custom Next.js scaffold flow, the shadcn/ui preset abkeIa, next-themes support, a refreshed landing page, automatic formatting, and publish/runtime fixes.Mar 13
2025
4 postsChangelog for Template-NEXT: Version 0.3.2A detailed changelog for Template-NEXT v0.3.2, featuring a Next.js 16 baseline, a Node 20.9+ runtime guard, a new 'versions' command to reveal pinned packages, and UX/publish polish.Nov 2Changelog for Template-NEXT: Versions 0.3.0 and 0.3.1A detailed changelog covering the complete architectural overhaul in Template-NEXT version 0.3.0 and the addition of current directory support in version 0.3.1. These updates transform Template-NEXT from a simple git clone tool into a professional project generator.Jul 1ScopeAI: Real-Time, Lightweight Polyp Detection with YOLOv8How I built ScopeAI: a fast, accurate, and clinically practical AI system for polyp detection in colonoscopy images, running on modest hardware, with a modern web interface and YOLOv8 at its core.Jun 15Python Flask Setup: Project Structure, Virtual Environment, and Your First AppA complete Python Flask setup for a new project: create a virtual environment, install Flask and pin requirements.txt, structure the app with create_app and Blueprints, run it with the Flask CLI, load environment variables, and fix the errors beginners hit first.Mar 3
2024
10 postsGit for Absolute Beginners: A Comprehensive GuideAn in-depth guide to essential Git commands for beginners, covering installation, configuration, and basic workflow.Oct 11Understanding DNS Record Types: A, AAAA, CNAME, TXT, and MoreLearn about the different DNS record types like A, AAAA, CNAME, and TXT, and their roles in managing domain names and directing traffic on the internet.Oct 3Guide to Connecting an External Domain from Dynadot to Vercel HostingLearn how to connect your Dynadot-purchased domain to a Vercel-hosted project by updating DNS records and verifying your domain.Oct 3Changelog for Template-NEXT: Versions 0.2.5 and 0.2.6A detailed changelog covering updates in Template-NEXT versions 0.2.5 and 0.2.6. This includes a minor CLI update in 0.2.5 and major CLI enhancements with fixes in 0.2.6.Sep 12Template-NEXT: A Comprehensive Guide to Getting Started (2.x - Deprecated)An in-depth look at Template-NEXT, a powerful Next.js template with TypeScript, TailwindCSS, and Shadcn/ui. Learn about its features, flexible installation process, and how to leverage its capabilities for your next project.Sep 12Changelog for Template-NEXT: Version 0.2.4A detailed changelog for the updates in Template-NEXT, version 0.2.4. This release includes package updates, optimizations, and a directory structure change to enhance the development experience.Sep 9Branching and Merging with Git: A Step-by-Step GuideLearn how to create a new branch, commit changes, and merge it back into the main branch using Git commands in VS Code.Sep 2Getting Started with Git: Initializing and Cloning a RepositoryA comprehensive guide on how to initialize a new Git repository and clone an existing one using simple Git commands.Sep 1Shadcn Carousel ErrorLearn how to fix the deployment issue with the Shadcn Carousel in React applications when deploying on Vercel.Aug 9Footer Component with React & TailwindLearn how to create and integrate a customizable footer in your React application using Tailwind CSS and React Icons.Aug 9