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.