This One Trick Makes Your UI Feel 10x Smoother


Hey Reader,

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.

Ankita Kulkarni

Join 9200+ subscribers reading by weekly personalized Newsletter that helps developers level up their skills through weekly Frontend and Leadership Snacks. You get a deep dive into a Tech topic, Actionable tips to excel in your career and a toolbox!

Read more from Ankita Kulkarni
Create Your First AI Agent

Hey Reader, Ever Wish You Had a Senior Engineer Reviewing Your Code 24/7? 🧠Now you do and it’s powered by AI. This is Part 1 of my new AI Agent Series where we’re building and deploying real AI agents that can think, analyze, and act like a senior software engineer 🤓. This project is called AI Code Reviewer and it’s not just a fancy chatbot. It remembers past messages, gives contextual feedback and helps you ship better code, faster. Here's the Tech Stack: → ⚡ Next.js 15 + React 19 → 🧠 Convex...

after function in Next.js

Hey Reader, Next.js has a bunch of little features that feel fun at first — but can actually change the way you build. This week’s snack is one of those. That’s the whole point of Frontend Snacks: giving you small, sharp insights that make a real difference and ones you can actually apply. Weekly Snack: after function 🍿 Next.js 15 introduces after() — a new API that lets you schedule server-side code to run after the response has been sent to the browser. So your UI renders instantly, and the...

AI coding agent

Hey Reader, So apparently Deadpool is giving a keynote at a developer conference now. Yes, Ryan Reynolds is speaking at the Postman Conference and I’m still trying to process that 🤯 I recently had a conversation with a friend who really missed in-person connections. It's hard to be at home all the time and it is only when you meet like minded people in a room is when your creative juice flows. Things like I didn't know how tall you were or didn't know you had a dog etc. come up which is...