Frontend Snacks 🍿

🍿 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

I write all my newsletters using Kit ↗, my favorite newsletter platform.

Share this newsletter

Subscribe to the newsletter

Get the latest updates delivered directly to your inbox.