Frontend Snacks 🍿

This One Trick Makes Your UI Feel 10x Smoother

Hey ,

I’ve kicked off a brand-new series on YouTube: The AI Agent Series where you’ll learn how to build, deploy, and scale powerful AI Agents from scratch.

To get started, check out the series here ↗.

I listed down tasks I'd hire for and instead, built an AI Assistant Agent with Convex, WorkOS Authkit and Next.js.

This week, I'm dropping a video showing 📹 How I shipped a AI Agent SaaS in just 13 minutes and we'll buid your own Assistant step-by-step.

video preview

Now onto today’s sponsor 👇

PRESENTED BY POSTMAN

POST/CON 25: Build Smarter APIs for an AI-Driven World

Join 2,000+ engineers at POST/CON 25, June 3 & 4 in LA, for deep dives on building scalable APIs, automating with Flows, and deploying AI-native systems. 30+ sessions, hands-on workshops, and zero fluff.

Learn from Postman engineers and peers solving real-world problems.

🍿 Weekly Snack: The Pending Pulse

Today's Snack is pulled from my Modern Full Stack Next.js Course - from the Module: Master Server and Client Components.

In this module, we build a beautiful Analytics Dashboard 📊 using Prisma. and learn how to architect your app in a way that start building an intuition yourself.

⚡ Smooth UX with data-pending

Take a look at the Visitor Journey section in the dashboard:

When a user triggers a state transition (like navigating to a new route), we don’t want them to interact with incomplete data.

That’s where a subtle, 📶 blinking animation helps signal that something is loading.

We use the data-pending attribute to mark the loading state. And then apply a Tailwind animation when this attribute is present:

👀 It’s clean, reactive, and gives users a delightful visual cue without a jarring spinner of death.

🎁 Bonus: I’ve made a few lessons completely free from the Data Fetching module so you know what the course is like.

Check them out here ↗ and join the waitlist as the course will launch to the waitlist first before it goes public.

🚀 Latest Frontend News

Cursor is now completely free for Students - It's a powerful AI Code Editor.

Vercel now has session tracing support. Best way to answer where time went in any given page load.

Redis is now Open source again - their previous licensing was failed to be accepted by the community.

TanStack just shipped a new NPM Stats tool - you can get real-time npm download stats.

A video on Build and Deploy an AI Agent that Codes like a Senior Software Engineer

If you'd like to ship a SaaS, check this out for lessons and learnings.

🎥 Weekly Youtube Videos

Check it out and subscribe to my channel ↗️ for more Frontend, Leadership and Career Development content.

My Interview with Tanner Linsley from TanStack

This video is picking up and is really liked by a lot of folks.

video preview

I Shipped my First SaaS and here's what I learned

video preview

What do you think of today's Newsletter? Simply click on one of the links below.

🔥 Great job

😐 Not bad

👎 Do better



All past newsletters
can be found here.

You can email me at me@kulkarniankita.com to advertise/sponsor the newsletter.

For those curious, I write all my emails using Convertkit.

I write all my newsletters using Kit ↗, my favorite newsletter platform.

Share this newsletter

Subscribe to the newsletter

Get the latest updates delivered directly to your inbox.