#web-development

Articles tagged with #web-development

Building a Multi-Language Code Beautifier in React — Language-Specific Option Sets, Explicit Trigger, and Error Handling
How a single Language discriminated union drives three separate js-beautify function calls, why the beautifier runs on click rather than on input, and what each per-language option actually does.
May 7, 20267 min read2
Google Sign-In in Next.js with NextAuth v4 — PrismaAdapter, JWT Sessions, and Extending session.user.id
How to wire up GoogleProvider with a MariaDB-backed Prisma schema, configure JWT session strategy, inject user.id into the session type, and separate NextAuth user records from app-managed business data.
May 7, 20267 min read
Building an Invoice History System with Prisma and MariaDB in Next.js — Storing PDF State as JSON and Re-Download
How to serialize the full InvoiceState as a JSON column, retrieve it to regenerate PDFs client-side, and design the Prisma schema for a multi-region invoice tool.
May 7, 20266 min read2
Building a Drag-to-Reorder List in React Without a Library — HTML5 Drag API, Visual Feedback, and a Zustand Store
How we built PDF page reordering in the PDF Studio using draggable HTML elements, index-swap state management, and CSS transitions for live drop-target feedback — no dnd-kit, no react-beautiful-dnd.
May 7, 20266 min read1
Building a QR Code Generator with 14 Content Types in Next.js — WiFi, vCard, URL, and Event QR Codes
How each QR content type encodes its data into a format string, how qr-code-styling renders and exports the result, and why the content effect runs on 20+ dependencies.
May 7, 20265 min read1
Building a Lorem Ipsum Generator in React — No Library, Custom Word Pool, and Sentence Variation
How we built a Lorem Ipsum generator using a static word pool, randomized sentence and paragraph construction, and a three-mode toggle — no external library, under 160 lines.
May 7, 20265 min read1