๐Ÿฟ 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 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
React 19.2 Activity

Hey Reader, Iโ€™ve been diving deep into React 19.2 and Next.js 16 Beta this week, and honestly, itโ€™s such a solid update. I have started to incorporate so many of the features in my Next.js Custom Course Platform and have seen massive improvements. But before we jump into this weekโ€™s snack, letโ€™s hear it from our sponsor. ๐Ÿ‘‡ But before that, let's hear it from our Sponsor. PRESENTED BY CODERABBIT AI Most AI test tools just throw random assertions at your code and call it โ€œcoverage.โ€ But they...

useEffectEvent

Hey Reader, This week was huge for web dev ๐Ÿš€. React 19.2 just landed with fixes for some of the most annoying bugs, Sonnet 4.5 dropped with major AI upgrades, and the ecosystem feels like itโ€™s moving faster than ever. Iโ€™ve rounded up the highlights (and why they matter) along with this weekโ€™s Snack for you below ๐Ÿ‘‡ But before that, let's hear it from our Sponsor. PRESENTED BY CODERABBIT AI Most AI code reviewers feel shallow, they look at syntax, patterns, maybe a guideline or two, but they...

use-cache

Hey Reader, Iโ€™ve got some fun news to share ๐ŸŽ‰ Iโ€™m beyond excited to share that Iโ€™ll be speaking at the official Next.js Conf ๐Ÿ’–. Iโ€™m one of the featured speakers (!!) and would love for you to join me. My talk is called:โ€œBuild. Scale. Teach: Architecting and Scaling a Production-Ready Modern Course Platform with Next.jsโ€ Make sure to sign up here and come hang out during my sessions ๐Ÿš€ And... I finally made the move to Italy ๐Ÿ‡ฎ๐Ÿ‡น. Back in 2019 I almost moved to Europe, but the world had other...