Blog

Posts in Next.js & Payload

Thoughts, tutorials, and insights on design, development, and technology.

All Node.js Next.js & Payload Web3 Python AI Engineering Backend Development Frontend Development TypeScript JavaScript

Showing 1 - 4 of 4 Posts

7 Silent Bugs I Found Redesigning My Next.js Portfolio (and How I Fixed Them)

Real bugs from redesigning a Next.js 16 + Payload CMS site: a sticky header broken by overflow-x, a font that never loaded, a hydration mismatch, a 404 from Gemini, and more — with fixes.

Read article

Vectorless RAG Explained: Why Vector Embeddings Fall Short

AI EngineeringNext.js & Payload

I Built a RAG Chatbot for My Portfolio Without a Vector Database (BM25 + Next.js + Vercel AI SDK)

How I built the AI assistant on my portfolio with BM25 retrieval instead of embeddings: chunking, a 40-line BM25 in TypeScript, streaming with the Vercel AI SDK, rate limiting, and the retrieval bugs I found.

Next.js & PayloadTypeScript

Payload CMS Rich Text That Editors Control: A Lexical Configuration Guide

Configure Payload CMS 3 Lexical rich text so editors get custom blocks, callouts and code snippets without breaking your design system — with config and React rendering examples.

Next.js & PayloadFrontend Development

Next.js Image Optimization That Designers Trust: A Complete next/image Guide (Next.js 16)

Fix blurry heroes, layout shift and slow LCP in Next.js 16. A practical guide to next/image config, the sizes prop, preload, placeholders, remote patterns and CMS images.