Loading

Search

Search posts and pages

Archive

Every article, in one place. A chronological reading shelf for everything published here, kept intentionally simple and easy to scan.

2026

Hover 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 16

Template-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 05

Changelog 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 14

Changelog 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 24

Changelog 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

Changelog 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 02

Changelog 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 01

ScopeAI: 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 15

Setting Up a Flask App from Scratch: A Beginner's GuideLearn how to set up a Flask app from scratch, including essential files, virtual environments, installing packages, and running your first page locally.Mar 03

2024

Git for Absolute Beginners: A Comprehensive GuideAn in-depth guide to essential Git commands for beginners, covering installation, configuration, and basic workflow.Oct 11

Understanding 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 03

Guide 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 03

Changelog 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 12

Template-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 12

Changelog 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 09

Branching 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 02

Getting 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 01

Shadcn Carousel ErrorLearn how to fix the deployment issue with the Shadcn Carousel in React applications when deploying on Vercel.Aug 09

Footer Component with React & TailwindLearn how to create and integrate a customizable footer in your React application using Tailwind CSS and React Icons.Aug 09

© 2026 Thilina Rathnayaka