CSSNext.jsUI
Build a Glass 3D Login Card in Next.js
How to build the glass login on this site: blur, stacked layers, pointer tilt, and a form that stays in the browser.
11 min read
Web Development guides
Next.js, React, TypeScript, Supabase, Postgres, CSS, and SEO guides with code you can paste into a real project.
27 guides, newest first
PublishingSEOUX
Give Every Page One Obvious Next Click
How a technical site earns another pageview: one next step on the hero, in the article, and after the last paragraph.
8 min read
ReactUICSS
Use One Glass Shell for Login and Signup
One glass stage, two forms. How to share the shell between sign-in and create-account without cloning the CSS.
8 min read
ReactCSSUI
Tilt a Card with the Pointer and No Library
A few lines of pointer math for a 3D card tilt, with a rest state and a reduced-motion exit.
8 min read
CSSAccessibilityUI
Keep Text Readable on a Glassmorphism Panel
A glass panel can look soft and still pass a glance test. Put the contrast on a fill, not on the blur.
8 min read
Next.jsImagesPerformance
Size Blog Cover Images So They Stay Sharp on Every Screen
A practical way to serve local blog covers with next/image so the card, the hero, and the phone each download a fitting file.
9 min read
PostgreSQLSupabasePerformance
Add the Postgres Index That Matches the Query You Run
How to look at a real SELECT and add the smallest Postgres index that makes that page fast.
9 min read
Next.jsAPISecurity
Rate Limit a Public Next.js Route with a Sliding Window
A small sliding-window limit for a public route, plus the reason an in-memory map is only a start on serverless.
9 min read
GitGitHub ActionsNext.js
Run a Next.js Typecheck and Build on Every Pull Request
A small GitHub Actions workflow that fails the pull request when TypeScript or the Next.js build fails.
8 min read
CSSNext.jsTheme
Stop the White Flash Before a Dark Theme Paints
How to apply a dark theme before first paint so readers never see a white flash.
8 min read
Next.jsCachingApp Router
How to Cache and Revalidate Data in the Next.js App Router
A practical cache model for the App Router: tags, lifetimes, and the smallest revalidate that still shows fresh content.
8 min read
ReactFormsServer Actions
React 19 Forms with useActionState and Server Actions
How useActionState, a Server Action, and the pending flag replace a pile of useState in a React 19 form.
8 min read
SupabasePostgresSecurity
Supabase Row Level Security for a Multi-Tenant App
A row-level security layout for Supabase so one tenant cannot read another tenant's rows, even with the anon key.
9 min read
Next.jsZodTypeScript
Validate Next.js Server Actions with Zod
A Zod schema at the Server Action boundary so bad input fails before a write, with errors the form can show.
8 min read
SEOJSON-LDNext.js
Add JSON-LD Article Markup to a Next.js Tech Blog
How to render BlogPosting JSON-LD from a Next.js Server Component without duplicating the visible article.
8 min read
SupabaseStorageSecurity
Serve Private Files with Supabase Storage Signed URLs
How to put customer files in a private Supabase bucket and share them with signed URLs that expire.
8 min read
Next.jsSupabaseAuth
How to Add Social Logins (Google & Facebook) to Next.js App with Supabase
Turn on Google and Facebook sign-in with Supabase Auth, start the OAuth flow from the browser, and finish it in a Next.js callback route.
9 min read
PublishingAdSenseSEO
How to Get Google AdSense Approved: The Checklist Reviewers Actually Use
What Google checks before AdSense approval, why sites get rejected, and the pages and content that make a review go faster.
8 min read
DevelopmentAIEditors
Top Free AI Tools and Modern Editors to Accelerate Software Development
Discover the best free AI code editors, backend services, and deployment platforms to build modern web and mobile apps faster.
3 min read
DevelopmentWeb DevelopmentMobile Apps
How to Build Modern Web & Mobile Apps in 2026: Complete Guide & Free Tools Download
Discover the best web and mobile app types you can build today, along with free developer software download links and step-by-step setup instructions.
5 min read
Next.jsOpenAIGemini
How to Integrate OpenAI & Gemini API in Next.js (Step-by-Step Guide)
Stream chat from OpenAI or Gemini through a Next.js route handler, then render it with useChat on the client.
9 min read
Next.jsApp RouterData fetching
Fetch data in the App Router without a waterfall
Colocate the fetch with the UI that needs it, then run independent requests in parallel so a page does not wait on itself.
7 min read
ReactServer ComponentsNext.js
A mental model for React Server Components
Treat the client directive as a boundary, not a decoration. Props that cross it have to be data, not functions or classes.
8 min read
SEOMetadataNext.js
Technical SEO for a developer blog
Write a specific title, give each guide one URL, and make the heading structure match the outline a reader would sketch.
6 min read
TypeScriptValidation
Narrow types at the edge of your program
Parse input where it enters. After that, the type system should carry a value you already checked.
7 min read
CSSTailwind CSSLayout
Layout primitives for Tailwind interfaces
Decide the page width, the stack gap, and the card padding once. Most screens are those three decisions repeated.
5 min read
GitWorkflow
Git history your future self can trust
Write the history as a sequence of reasons. A reviewer should understand the change before opening the diff.
5 min read