I trained AI to build a Full Stack app for me + a Free Course 🎁


Hey friend,

AI has revolutionized how we should build products. Instead of being scared of it, I'd suggest trying out a bunch of tools and seeing what you like to make you more powerful, I mean productive :P.

I mean, I built this Full Stack Splitwise app from scratch using just prompts and AI – no coding skills required! My Tech Stack - Next.js, ShadCN, Clerk, and all the bells and whistles. I'm blown away 🀯.

I also gave AI my design vision and it designed this beautiful app for me! If you want to learn more about how I did it, check out this videoπŸ‘‡.

video preview​

FREE Next.js Hot Tips aka Best Practices Course

ICYMI, I'm launching a completely free Next.js Best Practices Course that will help you level up your Next.js skills with 10 in-depth digestible topics from performance to server components and more.

The course went live yesterday and currently a total of 557 folks are taking the course 🀯.

β†’ Check the Course Curriculum here ↗️​

If you'd like, you can click the πŸͺ„ magical button belowπŸ‘‡ which will automatically sign you up and send you the lessons.

Latest Frontend News

​Next.js Conf ↗️ is around the corner and I want you to sign up if you are interested in staying up to date.

​Next.js RC 2 ↗️ released a few days ago and there are so many exciting changes such as,

You can also watch my video covering all the changes in Next.js 15 RC here ↗️​

A very cool library for NumberFlow, the animation is sick as the numbers change, check it out here ↗️​

A tool with 50+ Input Components ↗️​

You might be accidentally leaking your data with Server Actions, check the in-depth video here ↗️​

​CloudFlare joins forces with OpenNext ↗️ initiative to deploy Next.js anywhere by building a adapter that lets you deploy Next.js on CloudFlare. OpenNext is an initiative to deploy Next.js on any cloud platform.

Learn Self-Hosting Next.js with Lee Rob as he walks you through deploying Next.js to a $4 VPS ↗️​

​Repl + Interactive Debugger all in one ↗️ - Repl is a interactive editor where you can build your apps - think like CodeSandbox or StackBlitz.

​ React DevTools now support Server Components ↗️! [Look at the Server Tag)

In Next.js 15, you'll be able to see server logging (e.g. `console.log`) in the browser (with the same "server" tag).

​ShadCN UI has shipped ↗️ a new SideBar component which is so sick.

πŸ’– Weekly Youtube Videos

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

Cursor AI Tutorial for Beginners in 10 minutes! (VSCode killer?)

video preview​

Build a Full Stack AI SaaS with Next.js, TypeScript, ShadCN, Payments

video preview​

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

​πŸ”₯ 😐 πŸ‘Žβ€‹

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
The Subtle UX Trick That Makes Apps Feel Premium

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. Now onto today’s sponsor πŸ‘‡...

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...