🍿 Frontend Snacks: Build an AI Agent that Talks to Your Database (No SQL Needed)

Hey Reader,

Ever been stuck writing the same SQL queries over and over again… not because they’re hard, but because someone on your team needed the data and didn’t know how to get it?

I’ve been there. Whether it’s marketing asking,

“How many users signed up last week?” or product wondering, “Did anyone actually use that new feature?”, the questions are simple but the friction to get answers is very real.

So I built something for that.

Introducing: the AI Agent that talks directly to your Postgres database 💽 and lets anyone on your team ask questions in plain English.

No dashboards. No SQL. No risk to production.

And yes, it works right inside your editor!

This is part of my AI Agent Series ↗ where I turn everyday dev pain into AI-powered workflows.

PRESENTED BY NEON

Neon Serverless Postgres - The database you love, on a Serverless platform that branches, scales to zero, and provisions instantly.

Get the free plan today

🍿 Weekly Snack: Blocking Pirated Referrers in Next.js

Recently, I discovered something super frustrating.

Some of my premium content for example, The Modern Full Stack Next.js Course is being served on pirated sites like literally copy-pasted and re-hosted without permission. As an educator who pours hours into crafting real, production-grade tutorials and videos, this really hit hard.

Creating great content isn’t easy. So seeing it passed around for free on shady torrent sites? Yeah, it sucks.

So I took action! 💪

To block requests coming from sketchy domains (like torrentbd.net in my case), I returned a 403 Forbidden in my Next.js middleware:

This middleware checks the referrer header of every request, and if it matches a known bad actor — it shuts the door. No access. No mercy. 🔒

🚀 Latest Frontend News

The Art of Accessibility is a new collection that breaks down core concepts, real-world use cases, and the tools you’ll actually use to build inclusive apps. If accessibility has felt overwhelming, this is the beginner-to-pro pipeline you’ve been waiting for.

Kibo UI just dropped and it’s huge for folks using shadcn/ui.
It’s a custom registry of accessible and composable components.

Retro UI is a nostalgia-packed design system that lets you build vintage UIs with modern dev DX.
Great for playful projects that need personality and yes, it supports Tailwind.

There’s now a drop-in shadcn/ui replacement for Tailwind's Typography plugin. shadcn-prose brings consistent, elegant markdown and prose styles — especially handy for blog-heavy or MDX projects.

Together AI’s Chat UI gives you free access to open-source models like DeepSeek R1 for coding, search, image generation, and analysis all through a sleek, single interface.
Feels like a research assistant in your browser.

🧠 LLM Gateway is the API gateway for all your LLM calls.
Route, manage, and analyze requests across multiple providers with one unified API — clean, centralized infra for AI projects.

⚛️ React Static is quietly making a comeback.
If you want a progressive static site generator that’s fast and React-first (but lighter than Next.js), this one’s worth exploring.

The Beauty of TanStack Router by TkDodo is more than just type safety. It’s a love letter to dev ergonomics, composability, and predictable routing and will probably make you rethink your routing setup.

🧪 Chrome 137 just landed two game-changing CSS features:

if() finally lets you write conditional logic in CSS
reading-flow improves layout behavior in vertical/horizontal flows

🐛 Error.isError is now Stage 4 in the TC39 process.
It’s a tiny but powerful change: now you can reliably check if a value is an error even in legacy environments without reaching for a helper.