Fullstack Trello Clone: Next.js 14, Server Actions, React, Prisma, Stripe, Tailwind, MySQL

Hi all 👋 In this 12 hour tutorial you will learn how to create an end-to-end fullstack and trello clone, all with workspaces, boards, lists, cards, audit logs / activity as well as member roles.

Key Features:
- Auth
- Organizations / Workspaces
- Board creation
- Unsplash API for random beautiful cover images
- Activity log for entire organization
- Board rename and delete
- List creation
- List rename, delete, drag & drop reorder and copy
- Card creation
- Card description, rename, delete, drag & drop reorder and copy
- Card activity log
- Board limit for every organization
- Stripe subscription for each organization to unlock unlimited boards
- Landing page
- MySQL DB
- Prisma ORM
- shadcnUI & TailwindCSS

Timestamps
00:00 Intro & Demo
08:53 Environment Setup
21:12 Folders Setup
42:27 Marketing Page
01:15:52 Authentication
01:39:54 Organizations
02:04:30 Sidebar
02:55:39 Workspace Settings
03:03:46 Server Actions
03:51:33 useAction abstraction
04:18:00 Form Components
04:36:10 Board Popover Form
05:07:13 Board Server Action
05:49:09 Board List
05:56:54 Board Page
06:42:20 List Component
07:18:11 List Header
07:39:34 List Options
07:59:17 Card Form
08:32:13 Drag n' Drop
09:06:19 Card Modal
09:36:28 Card Actions
10:09:34 Activity / Audit Logs
10:48:46 Stripe & Board Limits
11:47:30 Deployment

[gradientO]

Antonio is carrying the youtube react community rn

[mgkgvhe]

You are just incredible. Your workflow is perfect to learn Nextjs, the proof is, the incredible rise in the number of subscribers, just mind-blowing. Thanks Antonio

[oluwaseunladeinde]

Thank you Antonio. This is simply amazing. Learnt alot on server actions. Your content is really good. Realy appreciate the work you put in consistently.

[dankim]

I ve jumped from airbnb to this trello project. There are lots of changes I found woow. Amazing project and amazing Antonio

[adewaleosobu]

Just when I thought I had seen the best YouTube SaaS content then this. God bless you for giving real value first, enjoy your spoils without fear or worries. You are definitely on of the GOATs, Antonio.

[ifindev]

Perfect video!! Never tried Next.JS before, let alone the Next.JS with App Router. So far finished until the 02:04:30 Sidebar, and so far it has been the most enjoyable tutorials I have ever followed. Thank you Antonio for making this great tutorial! Learned so much about Clerk, Next.JS folder structures, pages, layouts, etc.

May god always bless you for all the good deeds you have done 😇

[aviralsingh]

Just 5 minutes into the setup and i already love this guys simple and to the point explanation

[nerd]

I've watched many tutorials like this but this is really different. You explain everything very good. Other tutorials more like "just do this, type this" but no explanation. You teach new things. I learnt many things that I was confused about, thank you so much!

[ivanmilicevicmeda]

Antonio never fails to amaze me with his incredible skills. Remarkable job!🎉🎉

[yakshithkumar]

This channel is a treasure for react devs😊❤

[Alton_Obinna]

Excellent. Thanks a lot.
Love how your projects are comprehensive, you explain concepts and you build from scratch with no starter code involved. Keep up your excellent work.

[jcl]

I think it's the first time I've ever seen a video that is really easy to understand and useful. Thanks to this, I got to know a library that I didn't know, and I got a lot of interest.
I subscribed to a development-related YouTuber for the first time.
Thank you very much ☺

[TendaiGatahwa]

Antonio, I'm absolutely blown away by your recent Trello clone project! The depth of understanding and skill you demonstrated in developing such a complex application is nothing short of remarkable. Your ability to break down and teach these intricate concepts is a true testament to your expertise. With this in mind, I have a suggestion that could really elevate your content further: How about creating a comprehensive tutorial series on building a CRM system using the MEAN stack, similar to QuickBooks? Given the incredible work you've done with the Trello clone, I'm confident this would be another hit. And honestly, I'd be more than happy to invest in a course like that. Keep up the extraordinary work, Antonio!

[daggalando]

I don’t know if this comment will reach you, but you really helped me throughout my learning process and im still learning from you every time you upload, i don’t watch every video but whenever i complete any of your projects or a personal project i thank you a lot, because you actually know what you’re doing and you’re doing it really well, thank you again and one last thing, i recommend everyone to go to his official website, the courses there are more organised and you could track your progress, keep up the great work antonio ❤

[davidmukalay]

My mind is blown with every one of your projects I simply can't put it into words 😮.
May God Bless you for everything.

[Triple._.A]

YESSS CAN'T WAIT TO GET THEOUGH THIS! I've been checking multiple times a day to see if I missed the notification or something😭 so looking forward to going through it all! Thanks so much for your existence, Idk where I would be without your guidance.

[lookup_football]

This brother never disappoint🤝.Im here to learn and witness his journey to Millions Subscribers.Keep grinding brother💪

[BERTDELASPEED]

When I imagine the amount of work he's putting in, I can't help but give appreciation and respect. Thanks a ton Tony you're the man 💯

[akmalsulaymonov]

Great to see you back with another project Antonio, your energy is incredible! Looking forward to learning 👌

[michaelfrieze]

Thank you! I have been patiently waiting all week for this to drop. The quality of these courses are S tier and it's only been about a month since your last one.