#Next.js
22 items tagged “Next.js”
A global color-scheme: dark leaks into print/PDF output unless you override it
TIL that setting color-scheme: dark once on html/body for a dark-themed site makes the browser paint its default canvas background dark everywhere that property cascades — including print and PDF output — unless @media print resets it.
Sprout: A Next.js + Supabase Template Where Feedback Writes Its Own Git Branch
A template that wires a public feedback form straight into GitHub — every submission becomes a git branch via Claude Code, with no human touching the pipeline in between.
A JSX expression-container attribute silently loses its value in next-mdx-remote
TIL that generating attr={"..."} into MDX source instead of attr="..." made a prop come back as an empty object on every render, with no error anywhere in the pipeline — found while writing the Obsidian-callout preprocessor for this site.
One Fuse.js index can search five different content types at once
TIL that a single flat Fuse.js index with weighted keys is enough to search blog posts, TIL entries, projects, case studies, and snippets together — no separate index or backend needed per collection.
A 'Hidden' S3 URL Isn't Access Control — Short-Lived Signed URLs Are
TIL that a private-looking direct download URL for a purchased file is still a public URL forever, and the fix is generating a signed, expiring link on demand after checking ownership server-side.
AEO vs SEO, and what I changed here to be more AEO-friendly
TIL: Answer Engine Optimization (AEO) optimizes for being the answer an AI cites, not just ranking in a list of blue links — and most of what makes a Next.js site AEO-friendly is stuff good SEO already wants.
Auth Context for Next.js (Cookie-Based Sessions)
A React context wrapping an API — login, logout, signup, and password reset — that keeps the client in sync with an httpOnly session cookie by revalidating on mount.
Clonify.io: Turning a Slow WordPress Marketplace into a High-Performance Next.js SaaS Platform
Rebuilding a digital-products marketplace from WordPress to Next.js and Payload CMS, with a custom JSON caching layer and secure, subscription-aware asset delivery.
Pasal SMS: Building a Digital Business Operating System for Small Businesses
A multi-tenant SaaS platform on Next.js, Express.js and MongoDB that replaces notebook-and-spreadsheet shop record keeping with digital sales, credit, inventory, and analytics tracking.
Photo Pasal: Building Nepal's Modern Personalized Gift & Printing Platform
Turning a Messenger-and-phone-calls print shop into a scalable Next.js and Payload CMS e-commerce platform for personalized gifting in Nepal.
Pollarise: Building an Interactive Social Polling Platform for Real-Time Community Engagement
A scalable SaaS polling platform on Next.js, Node.js and MongoDB, built to turn opinion-sharing into a fast, social, mobile-first experience rather than a survey form.
TeamEnoch.com: Building a High-Performance Business Website with Next.js and a Headless CMS
Turning a traditional service-business website into an SEO-focused, content-driven Next.js and Payload CMS platform built to generate leads and scale with the business.
Route Handlers can return a plain Response, not just NextResponse
TIL you don't need NextResponse for a simple Route Handler — a standard Web API Response works fine, which matters for things like hand-rolled RSS/XML endpoints.
A mental model for Server vs Client Components
The rule of thumb I actually use when deciding whether a component needs 'use client', and how a Server Component parent can still pass data down to it.
Building Authentication Into a Full-Stack App Without Reinventing Sessions Badly
TIL that storing a JWT in localStorage for an app that also needed server-rendered authenticated pages was the wrong call, and cookie-based sessions were less work, not more.
Building Applications with Payload CMS Instead of a Custom Admin Panel
TIL that hand-rolling an admin panel for content the client needed to edit themselves cost more time than adopting Payload CMS's schema-as-code approach, even with its own learning curve.
Team Enoch: A Web Platform for a Home-Services Business
Rebuilding the web presence and quoting workflow for an HVAC, electrical, plumbing and roofing service business on Next.js and Payload CMS.
Pollarise: A Real-Time Social Polling Platform
Building the frontend for a fast-interaction polling platform from Figma designs, with local-first updates for high-frequency voting.
Photo Pasal Ecommerce Platform
Custom photo printing ecommerce platform for frames, mugs, t-shirts, and personalized products.
Clonify.io SaaS Platform
Template marketplace SaaS platform migrated from WordPress to Next.js with custom CMS and payments.
Team Enoch Estimate Portal
Online estimation platform allowing customers to request service quotes.
Teamenoch.com
Modern website platform for HVAC, electrical, plumbing, and roofing service businesses.