TechBlog: All things web design, software development, tech, or programming.
Handling Authentication in Next.js App Router with Supabase: Server, Client, and Sync
July 2, 2025
Likes: 1
Authentication in Next.js (especially with the App Router and SSR) is fundamentally different from classic React single-page apps. If you’re...
How to Create a Super Minimal Progressive Web App (PWA) with Next.js 15
June 30, 2025
Likes: 1
Progressive Web Apps offer app-like experiences directly in the browser: installable, offline-capable, and fast. With Next.js 15 and its App...
Building a Dynamic Form System with Configuration-Driven Design in Next.js
June 1, 2025
Likes: 1
Creating flexible, extensible forms in a web application can become tedious if each one must be hardcoded. In our project,...
How to Use Custom Fonts in a Next.js 15 + Tailwind 4 App
May 30, 2025
Likes: 1
Tailwind CSS v4 introduces a more design-token–oriented approach to theming, which can eliminate the need for a traditional tailwind.config.ts. If...
Server Components vs Server Actions for Data Fetching and Auth in Next.js 15
May 24, 2025
Likes: 2
With the introduction of React Server Components (RSC) and Server Actions in Next.js 14+, and now formalized in Next.js 15,...
Caching in Next.js 15 – A Developer's Guide
May 23, 2025
Likes: 1
Here's a full step-by-step tutorial on caching in Next.js 15, including usage, benefits, best practices, and real examples. We'll start...
A Random Hero Title Font Selector Component in Next.js
April 13, 2025
Likes: 4
A random typeface selector for our hero title
Create a Multi-Select Component Using ShadCN in Next.js
March 7, 2025
Likes: 3
Multi-select dropdowns are crucial for user-friendly forms, allowing users to pick multiple options efficiently.
How to Install and Use Local Fonts in Next.js 15
March 4, 2025
Likes: 3
This guide explains how to install and use local fonts in a Next.js 15 project
Optimized CustomImage Component for Next.js
March 3, 2025
Likes: 1
When working with images in a Next.js project, using the built-in next/image component is the recommended approach for optimized loading,...