Studio Ghibli Meets ShadCN, and Why β€˜server-only’ Just Saved My App


Hey Reader,

🎨 Ever wanted your website to feel like it came straight out of a Studio Ghibli movie?

I just discovered a Ghibli-inspired ShadCN UI theme that brings that dreamy, hand-painted magic to your components β€” and it’s absolutely stunning.

If you're as obsessed with that aesthetic as I am, you're gonna love this.

video preview​

I also share a Github Repo you can check out too that goes along well with the video.

🍿 Weekly Snack: 'server-only' vs 'use server'

Next.js has two easily confused directives: 'use server' and server-only.

πŸ’‘ server-only has nothing to do with Server Actions.

'use server' marks a function to run on the server and be exposed as an HTTP endpoint β€” that’s a Server Action.

But it doesn't prevent the file from being imported in a client component β€” which causes runtime failures, often in production.

That’s why server-only exists: It enforces a hard boundary, throwing an error if you import server code on the client β€” so mistakes fail early, not late.

βœ… 'use server'

β†’ Specifically for Server Actions

β†’ This function is allowed to run on the server only, and can be called from the client via form submissions or imperative actions

β†’ Enforced at runtime, not build time


βœ… server-only

β†’ Not related to Server Actions at all

β†’ Just a safety guard πŸ” that says: β€œThis file must never be used in a client component or client context”

β†’ Enforced at build time, not runtime


⚠️ Key TakeAways

β†’ Don’t use server-only on Server Actions but for database helpers, private APIs, or files that access environment variables.
β†’ You can’t rely on 'use server' to protect sensitive server modules.

β†’ Use them side-by-side in a project, but not in the same file.

πŸš€ Latest Frontend News

🧰 Supabase dropped their official UI Library β†— β€” built with ShadCN registry, works with React, Next.js, TanStack.
Includes login, dropzone, real-time avatars/chat, and AI prompts.

⚑ Vite published a dev server security patch. Update if you're on any of these versions: 6.2.4, 6.1.3, 6.0.13, 5.4.16, 4.5.11

βš™οΈ Next.js 15.2.3 includes a security fix too β€” update or follow the mitigation steps β†—. Hosted apps on Vercel, Netlify, and Cloudflare are safe.

🚒 Windsurf Wave 6 is live β€” now supports one-click deployment β†—. Fast and super dev-friendly.

Ready to multithread everything with Cursor 0.48 β†— few cool things are,

  • 🧩 Multi-tab chats for parallel workflows (Cmd+T).
  • πŸ”Ž Faster Indexing: Shared codebases now index dramatically faster (e.g., Cursor repo: 20 min β†’ under 1 min).
  • πŸ”” Sound Notification: Audio cue when AI response is ready.
  • πŸ€‘ Cost Visibility: See cost per chat (usage-based plans).

βš™οΈ Prisma published 2 ways to integrate Trigger.dev into a Next.js + Turborepo app β†— β€” with working monorepo setups.

πŸš€ Deploy Next.js anywhere you like, check this RFC​

​React 19.1 just dropped πŸ’₯ β€” here’s what’s worth a look:

  • πŸ•΅οΈβ€β™€οΈ Debug smarter with the new Owner Stack (dev-only), making it easier to trace who rendered what.
  • ⏳ Suspense is now everywhere β€” client, server, even during hydration β€” with cleaner fallback behavior and better scheduling.
  • πŸ§ͺ Experiment with unstable_prerender in React Server Components, now with edge streaming support.

🧰 Recommended Tools

🧱 I shared my Tech stack for my First SaaS ProofyBubble β†—

⚑ Convert your Vercel + Next.js app and auto-deploy it to Cloudflare. Check it out β†—

​My Daily Dev Toolkit (What I Actually Use) I use on a daily basis

Vercel is providing platform credits, exclusive community support, and extra benefits for your open source project, apply here.

πŸŽ₯ Weekly Youtube Videos

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

I Just Found the BEST Ghibli Shadcn UI Components!

video preview​

Build and Deploy a Full Stack AI SaaS Full Course (2025)

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
You’re Suspending the Wrong Component

Hey Reader, There are thousands of you going through Modern Full Stack Next.js Course so wanted to be grateful here for your support. Just as a thank you, there is something big dropping for you. It will only last 24 hours ⏰ so keep an eye out for my email next week. Let's dive in! PRESENTED BY CLERK Instead of your coding agent guessing how auth works, you can now install specialized Clerk knowledge directly into it. Introducing Clerk Skills One simple command $ npx skills add clerk/skills...

Next.js bundle analyzer

Hey Reader, This week, we're putting your Next.js app under the microscope, what's slowing it down? This along with the latest news, can AI really debug complex React/Next.js bugs? How OpenClaw and Anthropic are enabling AI collaboration, 3 New Coding Models dropped and more. Let's dive in! 🍿 Our Weekly Snack: What's Really Slowing Down Your Next.js App? Have you ever wondered why your Next.js app feels sluggish or takes forever to load? 🐌 The new experimental Bundle Analyzer in Next.js 16.1...

git worktree

Hey Reader, A lot of you have been asking me how I’m able to stay so productive and get a lot of work done so I finally broke down my exact workflow and setup in a short video. 🍿 Our Weekly Snack: Run Multi Agents stress free with Claude Code Git work trees let you check out multiple branches at the same time each in its own folder all backed by the same repo. Instead of one working directory and constant branch switching, you get parallel workspaces. Each work tree has its own isolated...