🍿 How TanStack Makes Server Functions Ridiculously Simple


Hey Reader,

I just got back from Amsterdam after speaking at React Summit and wow, what a week! 🇳🇱

I gave a talk called React Framework Showdown 🥊, where I pitted Next.js, TanStack Start, and React Router v7 (aka Remix) against each other in a friendly battle.

Why those three? Because they're leading the pack when it comes to modern React and honestly, each one brought something wildly different to the table.

I'll share the talk when it's live, but for now, let’s hear it from this week's sponsor👇

PRESENTED BY MENTORCRUISE

I know how frustrating self-learning can get, endless tabs open, jumping between blogs, and still feeling stuck.

That’s why I love what MentorCruise is doing.

Instead of one-off coffee chats or random advice, they connect you with vetted mentors (less than 5% get accepted!) who actually meet with you regularly. Whether you're trying to land a new role, get promoted, or level up a skill, you get consistent support, a custom plan, and real accountability.

It’s way more affordable than bootcamps and way more effective than going at it alone. Most folks hit major milestones in just 3 months.

If you’re serious about growing faster, check them out. MentorCruise is built for outcomes, not guesswork.

🍿 Weekly Snack: Creating Server Functions in TanStack

TanStack Server Functions work just like API routes but with superpowers: portable, framework-agnostic, and come with built-in validation.

Here’s what makes them unique:

🧪 Validation-first: Input gets validated before your function runs
🔐 Auto-exposed: They become public HTTP endpoints without fixed URLs

✅ Step 1: Validates the input using Zod
🧠 Step 2: If validation passes, your handler runs
🌐 Step 3: This function becomes an HTTP endpoint you can call from anywhere No need to set up API routes manually.

Just write a function and it's ready to use.

🚀 Latest Frontend News

Dan Abramov’s back with a brain-bending post: Suppressions of Suppressions. It’s all about what happens when you over-suppress React warnings and how lint rules can help save you from yourself.

Still confused about 'use client' and how things import across Server Components? How Imports Work in RSC clears it up beautifully.

Feeling lost in React’s recent direction? Mark Erikson breaks it down with rare clarity, real reasons, community insights, and what the future looks like.

Want that soft, frosted look in your UI? Create a blurry glass effect with this quick CSS trick (video) — no frameworks, just clean styles.

TkDodo explains why TanStack Router is winning dev hearts with type safety, nested layouts, and smart preloading.

Need to store massive files for your app? Vercel Blob now supports uploads up to 5TB with retry support and streaming.

And if you’re building AI tools, Kibo UI’s AI Suggestion component gives you a clean, horizontal suggestion bar ready to drop into any app.

🎥 Weekly Video Pick

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

🔥 Build an AI Agent that Talks to your Database (no SQL needed)

video preview

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

💖 Love it!

🙂 It’s okay

🤔 Not good



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

Hey friend, ✨ I’m thrilled to share that I’m bringing back my popular workshop, Engineering Manager Blueprint and this time it’s completely FREE 🎁! 📆 When: September 3rd, 2025 - 12:00 - 1:30 pm EST 🤩 📍Where: Zoom Figuring out how to succeed as an Engineering Leader in 2023 can feel like walking through mud. Thankfully, after leading 100+ developers and leaders, I’ve developed a system to make that walk feel shorter and easier. In this 90-minute workshop, you'll learn: A 8-part framework for...

Next.js Type safety

Hey Reader, Now that the Modern Full Stack Next.js Course is live and hundreds of students are already learning from it 🥳, I’ve started thinking about what to build next. I'd love to hear from you. What should I focus on next? I’m working on my next big course, and your input will help shape everything from the topics we cover to the real-world projects we build together. It only takes a couple of minutes to share your thoughts, but it’ll make a huge difference. 👉 Fill out the quick form here...

useTransition frozen ui fix

Hey Reader, I’ve rebuilt my stack for 2025 not because of hype, but because I need tools that help me ship faster while scaling my apps. A few months ago I created a similar video, but since then I have changed quite a few things to help me ship faster. I no longer use a few tools that I shared earlier. In this video, I share the exact principles from some production-ready apps I've shipped. If you’re building SaaS or side projects this year, this might save you weeks 👇. Show some love by...