🍿 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
after function in Next.js

Hey Reader, Next.js has a bunch of little features that feel fun at first β€” but can actually change the way you build. This week’s snack is one of those. That’s the whole point of Frontend Snacks: giving you small, sharp insights that make a real difference and ones you can actually apply. Weekly Snack: after function 🍿 Next.js 15 introduces after() β€” a new API that lets you schedule server-side code to run after the response has been sent to the browser. So your UI renders instantly, and the...

AI coding agent

Hey Reader, So apparently Deadpool is giving a keynote at a developer conference now. Yes, Ryan Reynolds is speaking at the Postman Conference and I’m still trying to process that 🀯 I recently had a conversation with a friend who really missed in-person connections. It's hard to be at home all the time and it is only when you meet like minded people in a room is when your creative juice flows. Things like I didn't know how tall you were or didn't know you had a dog etc. come up which is...

server only vs use server

Hey Reader, 🎨 Ever wanted your website to feel like it came straight out of a Studio Ghibli movie? I just discovered a Ghibli-inspired ShadCN UI theme that brings that dreamy, hand-painted magic to your components β€” and it’s absolutely stunning. If you're as obsessed with that aesthetic as I am, you're gonna love this. I also share a Github Repo you can check out too that goes along well with the video. 🍿 Weekly Snack: 'server-only' vs 'use server' Next.js has two easily confused directives:...