🍿 I did something I never have before


Hey friend,

I can't believe I did this.

I created a tutorial that is 7 HOURS LONG 😳 on my Youtube channel, the longest one on my channel.

✨ It is an AI-powered Todoist Clone that seamlessly organizes your tasks and predicts what's next using AI

In this 7-hour tutorial, you will learn how to create an end-to-end full-stack Todoist clone, with AI features to help you organize and suggest missing items in your list with adding and deleting tasks, adding and deleting projects and more.

And I can't wait for you to check it out.

What will you learn?

⚑️ Next.js
🎨 Tailwind CSS for Slick Designs
☁️ Convex (BaaS)
πŸ” Next Auth.js (Authentication)
🧩 Modern UI w/ @shadcn
πŸ—„οΈ Vector database
πŸ€– Predicts the Missing Tasks using @OpenAI
​

video preview​

Our Weekly Snack: Convex Queries & Mutations

⭐️ What is Convex?

​Convex is essentially a backend as a service ↗️ but you don't need to write SQL or NoSQL code. You can simply use Convex query and Mutations to get what you need from your database.

You can,

  • Fetch data and perform business logic with strong consistency by writing pure TypeScript.
  • Insert, update, and remove data with autocompleted types. 100% ACID compliant.
  • Call third-party services without affecting database performance.

​

Here is an example,

πŸ”Ž Querying your Convex Database

In the above example,

  • πŸš€ You can use useQuery to query any convex queries you created. No need to write any SQL
  • ✍️ TypeScript: The code is fully typed
  • πŸ“¦ On the database side, you can easily filter data based on the fields.

Building a full-stack Convex app was a lot of fun. And I can't wait for you to check it out!

FREE Course: Next.js Hot Tips

Over the years, I have been asked what my best practices for Next.js apps were. What did I learn after teaching over 10,000 students? Well, this simple course will cover a few of those tips.

I'll be sharing 10 easy-to-follow HOT tips πŸ”₯ for Next.js apps in 10 days!

If you want to be the first to know when I release it, you can sign up here ↗️.

Weekly Youtube Videos

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

Complete Next.js Crash Course

video preview​

5 Mistakes slowing your Next.js apps

video preview​

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

​πŸ”₯ Loved it Β· 😐 Not bad Β· πŸ‘Ž You can make it better​

Ankita Kulkarni

Join 6000+ 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, 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...

Hey friend, I'm excited to announce the launch of my new AI SaaS project - SpeakEasy AI ↗️. It allows you to convert your video into a blog post. You can upload any video you like, and it will turn into a beautiful, SEO-friendly blog post. If you have been holding off from shipping a SaaS app, now is your chance! Here is the entire course, πŸš€ Important News To better focus on the upcoming Next.js Course launch πŸš€, Frontend Snacks (this newsletter) will transition into a monthly newsletter. It...

Open AI Whisper with UploadThing

Hey friend, I have been heads down creating a free AI SaaS tutorial which is going to be massive on my channel. This will teach you how to ship a AI SaaS. I can't wait to share more. Based on popular demand, I'm running the Next.js Workshop ↗️ for the final time. I won't be running this workshop again. It is a Live 1-day Next.js Workshop that teaches you the best practices to design, build and deploy full-stack production-ready apps. ⏰ When: September 3rd, 9am to 3pm ESTπŸ“ Where: Zoom 🎁 For a...