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

Hey Reader, The biggest challenge with AI right now isn't building from scratch or brainstorming, it's great at both. It's building real intuition for how things should work. Take how TikTok and YouTube handle video. If they served the same file to every device, tablet, mobile, desktop, even a slow 3G connection, users would drop off fast. So how would you solve that? Don't worry, let me show you. Here's how to architect for exactly this challenge. PRESENTED BY IMAGEKIT Don't throw raw MP4s...

A code editor displays a file structure showing a new lock file generated in the Next.js directory, indicating port 3000 is occupied.

Hey Reader, Confession: i've lost count of how many times an agent has killed my running dev server and started a new one on a different port. it's the single most annoying thing about coding with AI right now. Turns out Next.js 16.2 just fixed it so dig into the snack below. let's dig in 🍿 PRESENTED BY SUPABASE Supabase is the backend for your app: it gives you a database plus the β€œboring but necessary” stuff around it (user sign-in, file storage, background functions, and real-time updates)...

View Transitions in Next.js

Hey Reader, I'm working on a new course on AI and I know there are a million courses out there but honestly, I'd like to work on something that can help you ship things. However, I need your help. Can you please answer what type of a course on AI would you want me to work on? Click here to reply β†— Anyway, let's get into this week's newsletter. PRESENTED BY SUPABASE Supabase is the backend for your app: it gives you a database plus the β€œboring but necessary” stuff around it (user sign-in, file...