#86: Next-Yak, New Caching Docs, Vercel Ship, Serialize Promises, Next.js Cursor AI Setup, Great Animations

What Does "use client" Do? – Dan continues with his series, laying out why 'use client' and 'use server' matter and how they’re a smarter way to bridge your client and server code. He argues this approach could outlast React itself, since it brings type safety, better tooling, and a more natural way to share logic across the stack

Vercel Ship – Vercel Ship returns June 25, live from NYC and online. Get ready for updates on AI, compute, and Next.js. My hot take: “use cache” goes stable, and Vercel announces a long-running compute service 🤞

The Perfect Cursor AI setup for React and Next.js – A checklist for getting Cursor AI working perfectly with React, Next.js, and Tailwind CSS covering the best settings, handy features, and smart integrations. Plus tips for test-driven development and turning Figma designs into code

Server Components Give You Optionality – Challenges the idea that React Server Components are a one-size-fits-all solution. Instead, it highlights how RSCs are all about freedom. You get to choose where your code runs and when, making it easier to optimize for performance and maintainability

You can serialize a promise in React – RSCs allow you to pass promises from server to client. This article shows what’s going on under the hood.

👀 (Draft) Deep dive docs: Caching – New caching docs are in the works covering how to optimize performance with granular caching and what to expect from upcoming persistent cache features.

More:

• 𝕏 New prefetching implementation for Next.js App Router
• Improved deployment docs for Next.js

next-yak – Next-Yak brings zero-runtime CSS-in-JS, powered by Rust. Use styled-components syntax, but get static CSS extraction at build time and full React Server Component compatibility. Benchmarks show 20% faster LCP, 15% less server latency, and 10% faster INP

Storybook 9 is now in beta – Storybook 9 beta introduces a unified testing experience: component, interaction, accessibility, and visual tests are now first-class citizens. The package is 48% lighter, React Native and RN Web are officially supported, and story organization got better with tags

Neobrutalism - Chart – A collection of neobrutalism-styled chart components, built using Recharts. Copy and paste into your apps or install them with shadcn-cli

AI SDK Computer Use – An open-source AI chatbot app template demonstrating Anthropic Claude 3.7 Sonnet's computer use capabilities, built with Next.js and the AI SDK by Vercel.

How to take your Clerk app to prod – Step-by-step guide for developers to launch a Clerk app in a production environment with a custom domain, OAuth credentials, and secure DNS configuration.

Avoiding Skill Atrophy in the Age of AI – This read calls out the risks of letting your core skills fade and offers practical tips to keep your engineering edge. Use AI as a tool, not a crutch. Your future self will thank you

Concurrent Optimistic Updates in React Query – How to build optimistic UI that is resilient to race conditions, even when multiple mutations update the same entity concurrently

Categorize Your Dependencies – Explains pnpm’s catalogs feature, and how they let you categorize packages by function like testing, building, production, etc., instead of just “dependencies” or “devDependencies.”

Good vs Great Animations – Ever clicked a button and thought, “That felt nice”? This post breaks down what makes animations feel natural, with real-world tips on transform origins, custom easings, and spring physics