๐Ÿฟ 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โ€‹

A Frontend Newsletter that you'll love! ๐Ÿ’–