Fullstack Trello Clone: Next.js 14, Server Actions,
Fullstack Trello Clone: Next.js 14, Server Actions, React, Prisma, Stripe, Tailwind, MySQL
#Fullstack #Trello #Clone #Next.js #Server #Actions
“Code With Antonio”
Discord for any problems/errors/bugs:
Github & Live Website:
Clerk:
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…
source
To see the full content, share this page by clicking one of the buttons below |
Hi Antonio, I like how you explained everything you did this time around. in past videos you mostly guided us through code but I really like how you took the extra steps to actually explain the concepts. I read documentation but I also find visual content super helpful as well. I have definitely grown more watching your videos and then trying to apply them myself to my own problems.
I have asked for this before but I was wondering if you could do a video about cloning a something where you have an order and an end user that fulfills that order similar to DoorDash/Dasher or Uber/Uber Driver. you did something similar with the e-commerce app we built last time but would love your input on something like this.
Thanks again huge fan!!
One more subscriber! 💚
Big props for your effort. Thank you for all the knowledge shared.
Wow .. the intro is impressive
Antony Never Cease To Blow My Mind! Keep Up the good work Bro! Your work is commendable.
Speak Code With Antonio,
Thanks bro for the content.
It would be interesting if you made a clone of asana, I think this platform is interesting. Thank you and see you next time
thanks for the tutorial. :vv
Hi , i was working on a eCommerce project but i am taking inspiration from your project my stack is react and laravel i want to know that are there any copyright issues or anything like that ?
If you do not want to do the useTimeout() for focus and select on the FormInput.
You could use autoFocus on the input and then onFocus(e => e.target.select()) instead.
I have set it up like this by modifying the FormInput to accept autoFocus and onFocus.
make a pos system
Hello bro, can you make the next video based on building a full-stack Medium clone? Please reply
Thank you. I am going to take on this project, however, does it use "real-time updates" or "live updates" so that when another person from another computer adds a trello task, for example, it then appears quickly on the other persons trello board?
Hi, Antonio isn't it a good practice to fetch only those data that needed.. You fetched all the data and used only the title on the metadata on board layout
Great project antonio u always build large scale application i always enjoy your project.Please make MERN stack project next
Hey Antonio. You’ve probably got a lot of ideas in the pipeline but would love to see an Invoice App. Think Quickbooks clone? ✌🏻
Please create a MERN stack project next🙏🙏
Hi Antonio! Can you pls list out the extension you are using in VS code..
I trust Antonio more than my girlfriend
This video is truely next level quality. Can't wait to enroll on your paid courses 🤩B.TW. About that 12hour limit though! HuXn WebDev managed to post a full stack course that is over 15 hours!?!
awesome vid! can you create a multi-tenant using all this tech stack.
Sorry sir which theme are you using on visual studio..please sir provide me some cool extention you are using.