⭐170+ hours of content, 21+ projects including source code available on my platform: dub.sh/twpYBjw 🔥 Get $50 in Appwrite credits: apwr.dev/antonio50 First of all, thank you for clicking on this video. At 16 hours long (2 parts), it is my longest ever free video, and after more than a month of hard work it is finally out, and I hope you will enjoy it ❤ This time I decided to be specific with the versions I install in my project. This way you will *hopefully* not be blocked by any deprecations or breaking changes for a longer period, so I will be using this as a quick reminder for you to always look at the version of the package I am installing and try to use the same. We will be learning a ton of things, most notably how to use the Appwrite SDK, which has been requested a lot in my comments. They've also been kind enough to provide you with $50 USD in cloud credits should you decide to further scale your app in Appwrite! Besides that, here are the key features in this project: 🏢 Workspaces 📊 Projects / Epics ✅ Tasks 📋 Kanban Board View 🗃 Data Table View 📅 Calendar View ✉ Invite System ⚙ Workspace and Project Settings 🖼 Image Uploads (for avatars and attachments) 🔌 Appwrite SDK Integration ⚛ Next.js 14 Framework 🎨 Shadcn UI & TailwindCSS Styling 🔍 Advanced Search and Filtering 📈 Analytics Dashboard 👥 User Roles and Permissions 🔒 Authentication (OAuth and Email) 📱 Responsive Design (Mobile-friendly) 🚀 API using Hono.js Happy learning, and see you in the next tutorial!
@@surya_dada_ both I loved the slack clone cause it used Convex as the backend and i am already familiar with convex (started using it since 2023).....i have also begun the jira clone cuz i will love to see how to use Hono and nextjs, also i used appwrite in the past
You are the best RUclips channel in this field. You didn't talk nonsense about the project and taught me new architectural solutions. Thank you Antonio！
There are no words to express my gratitude to you. We can learn for only teachers like you. I wish i could afford your primium course but I hope I can afford it some day. Lots of love❤
Just finished this part of the tutorial and I am in awe. Thanks, Antonio. The project organization with feature is the greatest thing I have learned this year.
One of the best youtube channels of all time. I watch your video as one hour long lectures everyday after work and then rewatch them when I'm trying to sleep. All the love.
Hello Antonio, I’m a university student in Korea, and thanks to you, I’ve reached a turning point in my life due to the tremendous help you’ve provided. You’ve been my teacher and my only mentor. I want you to know that you’ve made a huge impact on a student living on the other side of the world. As I leave this first comment, I’d like to make a suggestion. Could you possibly create a video on cloning RUclips Music or SoundCloud?
Thank you for sharing this tutorial! It would be even more helpful if you could start by walking through a design plan, like a Figma layout, or outline the goal and structure of the app before jumping into coding. It often helps beginners to understand how real-world developers approach UI design and the planning stages. This way, we could follow along with a clearer understanding of what we’re building and why, rather than diving straight into code without a defined direction. Again, thanks for the great content!
Great insights! Growing a business takes persistence, smart strategy, and knowing your audience. It's all about creating value, building strong relationships
Antonio you are goated, you are the javascript goat a 10X developer, once I make it I will have to give pay you , I'm in kenya Africa and you are just reaching me from another side of the world God bless you 🙂🙂🙂
20:00 I believe that tailwind worked on test component just because you already used text-red-500 on your name before and the css class was already generated. But it wouldn't work if you apply a tailwind classname you haven't used before. Thank you for your amazing videos Antonio!
Hi Antonio. I think I found a typo in youtube timestamps. At 08:10:05, it says: Adding a "delete" functionality. while it should be more like: Adding "members" functionality or something similar. Great Job.
This is what I admire about Sir Antonio-despite having a lot of tutorials, he never forgets the basic guides, like when he teaches how to set up Next.js, Shadcn, and others. So even beginners can watch his tutorial without needing to go back to his previous ones. In all his tutorials, he always teaches the basics, even though many people are already familiar with them. Like me, I stopped developing websites for almost 1-2 months, but thanks to Sir Antonio, I'm able to refresh my knowledge on Next.js and other things because of his teaching, thank you a lot ❤
Thanks for your video, Antonio! I know you only worked with React in all of your videos, but could you make a video with Svelte because I really love the way you deliver your content?
Thank you very much, I really hope you will make a CMS project that has the function of dragging and dropping blocks to create stores like e-commerce sites are doing.
First off, thank you so much for the quality content you consistently provide-it's been incredibly helpful for us. God bless you! I have a quick question regarding the project we're currently working on. Right now, we're unsure about what exactly we’re building in terms of UI. Would it be possible for you to share any design resources, such as a Figma file or other references, that could give us some clarity on what the end result should look like? Thanks again for all your hard work and for helping us grow!
Congratulations and thank you for another video, Antonio 🙂 Looking forward to integrate it. Have you considered the option to allow more granular access to your courses? I would be interested just in 3-4 courses, and I would gladly pay for them 🙂
Please, sir, could you create a multiple-choice/quiz examination system that includes features like negative marking, tracking wrong answers, right answers, and more? Love from Bangladesh ♥♥♥
Antonio, I have one question. Will your next new course be using next.js 15 and react 19 because groundbreaking updates are out & what about new viewers who are gonna watch your previous videos? They are going to struggle a lot completing the old courses.
love your content, i only watch a piece of it what i need , but i really appreciate it is even great for beginners, currently building a heavy project, which also involves tickteting system, i will surelycheck it out for that , i may get new things
hey Antonio! Great Great Job 👏👏 This is one of the best tutorials I've ever watched! really love your idea of explanation here. I have a question about fetching the members: 8:15:04 if I'm using Supabase not Appwrite & using Clerk Auth not handling it manually, wouldn't be easier & better to create a JSONB column, call it "members" and inside of that we add a json with 3 keys name, id & role so that when we fetch the workspace we have all members with roles already? or that is not a good approach?
I like the way you assume that the viewer is not aware about a library or concept. You start it by introducing the same thing in every video. Some people mwmay directlt watch this without prior knowledge
Antonio, Thanks for the masterpiece ♥ but i have one question that how do you type so fast like do you do 10 finger touch typing or something else ? and if yes then how much time did it took to you learn it and what was your apporach? please reply 🙏
brother I just finished slack clone and started watching jira clone, problem is that everyone says that you stuck in tutorial hell, so what should i do. should i watch or not, and how to leverage more from your videos.
⭐170+ hours of content, 21+ projects including source code available on my platform: dub.sh/twpYBjw
🔥 Get $50 in Appwrite credits: apwr.dev/antonio50
First of all, thank you for clicking on this video. At 16 hours long (2 parts), it is my longest ever free video, and after more than a month of hard work it is finally out, and I hope you will enjoy it ❤
This time I decided to be specific with the versions I install in my project. This way you will *hopefully* not be blocked by any deprecations or breaking changes for a longer period, so I will be using this as a quick reminder for you to always look at the version of the package I am installing and try to use the same.
We will be learning a ton of things, most notably how to use the Appwrite SDK, which has been requested a lot in my comments. They've also been kind enough to provide you with $50 USD in cloud credits should you decide to further scale your app in Appwrite!
Besides that, here are the key features in this project:
🏢 Workspaces
📊 Projects / Epics
✅ Tasks
📋 Kanban Board View
🗃 Data Table View
📅 Calendar View
✉ Invite System
⚙ Workspace and Project Settings
🖼 Image Uploads (for avatars and attachments)
🔌 Appwrite SDK Integration
⚛ Next.js 14 Framework
🎨 Shadcn UI & TailwindCSS Styling
🔍 Advanced Search and Filtering
📈 Analytics Dashboard
👥 User Roles and Permissions
🔒 Authentication (OAuth and Email)
📱 Responsive Design (Mobile-friendly)
🚀 API using Hono.js
Happy learning, and see you in the next tutorial!
Hi Antonio, why is no more monthly payments?
Bro is not gonna let AI get better than us developers. Thank you Antonio!
😁 Thanks for enjoying my content!
i think ai will never surpass the human developers because we have creativity
😂😂😂
Literally just rounding up on the slack clone.....you are an amazing teacher Mr. Antonio...God bless you for the immense value you add to our lives
Thank you for watching my content!
hey man, you wrapped up that slack clone, i’m also almost done!
do you mind connecting sometime, i’m facing a small issues
What do you think which project is better for learning slack clone to jira clone??
@@surya_dada_ both
I loved the slack clone cause it used Convex as the backend and i am already familiar with convex (started using it since 2023).....i have also begun the jira clone cuz i will love to see how to use Hono and nextjs, also i used appwrite in the past
You are the best RUclips channel in this field. You didn't talk nonsense about the project and taught me new architectural solutions. Thank you Antonio！
Thank you very much :)
I mean, it's the clean design for me. No nonsense, straight to business. Thank you, Antonio. I swear I chose this path because of you. 💝
Happy you like my content, thank you!
There are no words to express my gratitude to you. We can learn for only teachers like you. I wish i could afford your primium course but I hope I can afford it some day. Lots of love❤
Thank you for watching my content!
Just finished this part of the tutorial and I am in awe. Thanks, Antonio. The project organization with feature is the greatest thing I have learned this year.
So happy to hear that!
One of the best youtube channels of all time. I watch your video as one hour long lectures everyday after work and then rewatch them when I'm trying to sleep. All the love.
"hey there my name is antonio" legendary🥰
😁🫶
I laugh every time Antonio says "Great job", I mean you did all the work :) . Thank you for another great project.
I love the way you explained this concept-it’s so clear and easy to understand!
Hello Antonio, I’m a university student in Korea, and thanks to you, I’ve reached a turning point in my life due to the tremendous help you’ve provided. You’ve been my teacher and my only mentor. I want you to know that you’ve made a huge impact on a student living on the other side of the world. As I leave this first comment, I’d like to make a suggestion. Could you possibly create a video on cloning RUclips Music or SoundCloud?
Thank you for sharing this tutorial! It would be even more helpful if you could start by walking through a design plan, like a Figma layout, or outline the goal and structure of the app before jumping into coding. It often helps beginners to understand how real-world developers approach UI design and the planning stages. This way, we could follow along with a clearer understanding of what we’re building and why, rather than diving straight into code without a defined direction. Again, thanks for the great content!
This is so soo awesome. Just started the slack clone and this is heree. Will definitely rush to finish that and be on here.
Thank you, Antonio ^
For accountability:
Slack clone started 07/10/2024.
Hope you enjoy it!
Great insights! Growing a business takes persistence, smart strategy, and knowing your audience. It's all about creating value, building strong relationships
Oh my gosh, this is a gift project!!!
Tks Antonio.
Happy to hear that!
Man you're amazing, thanks for the vids it helps a lot for me to build my very own front end design
Glad to hear it!
You're the greatest tech blogger on Youtobe
Thank you
yesterday search for calendar view did not find a good resource but today got you and when it's you we know we don't need to go anywhere
fyi, calendar implementation is in part 2, coming tomorrow!
@@codewithantonio thank you ❤
Broooo. I built a similar application.
I'll see whole video to see your structure and how you approach things... Really really amazing.
Keep it up!
Glad it will be helpful!
wow @Antonio this is crazy
thanks for Your time, effort and dedication
Thank you for the kind words
Antonio you are goated, you are the javascript goat a 10X developer, once I make it I will have to give pay you , I'm in kenya Africa and you are just reaching me from another side of the world God bless you 🙂🙂🙂
Thanx a lot, bro! You're one of the best prof! Waiting for the part 2...
Coming tomorrow!
Finally, I’ve been looking for this
Happy to hear that!
your RUclips tutorial videos are best and ur teaching methods are exceptionally organized and astonishing. so easy to understandable ❤❤
Bro 👀👀❤️❤️❤️
It's winter, but you always WIN(ter)🎉🎉🎉
Hope you like it!
perfect video for nextjs learner like me :) I really appreciated!!!!
Holy fuck. This dude is on fire with Next.js. I wish this level of skill I could have too
Man this is so cool can't wait to start coding
Good lucK!
20:00 I believe that tailwind worked on test component just because you already used text-red-500 on your name before and the css class was already generated. But it wouldn't work if you apply a tailwind classname you haven't used before. Thank you for your amazing videos Antonio!
good point!
Thanks a lot for the production quality you provide . this is really great
Amazing content, Your explanation are great. Great job :)
OMG, this project is blowing my mind.
Bro is back with master pice
Thank you!
I pitty a developer who hasn't seen this channel - great work Antonio as always
super super cool man. I've learned a lot. Thanks
Glad you liked it!
Hi Antonio. I think I found a typo in youtube timestamps.
At 08:10:05, it says: Adding a "delete" functionality.
while it should be more like: Adding "members" functionality or something similar.
Great Job.
Wow, the timing for this is perfect
Happy to hear that!
hello antonio! i'm grateful to you for the special 50% discount for turkey. i'll support you as much as i can
You are simply incredible
29:18
fun fact: it's not teritary but tertiary and is pronounced "TUR-shuh-ree."
I was waiting for this video!
Glad you like it!
I asked it and I got it. Thanks a lot Antonio.
Hope you enjoy it!
babe wake up master Antonio upload new master peace.😍
Thank you for your support ❤️
Amazing tutorial, and quick question, what do you think is the current best thing to use for db? Prisma, Convex or something else
Ty so much sir, your project is very impress. I've hope rest of the project.
Glad you like it!
Nice clone, definately worth it!, gonna go and watch pt 2 now!!
This is what I admire about Sir Antonio-despite having a lot of tutorials, he never forgets the basic guides, like when he teaches how to set up Next.js, Shadcn, and others. So even beginners can watch his tutorial without needing to go back to his previous ones. In all his tutorials, he always teaches the basics, even though many people are already familiar with them. Like me, I stopped developing websites for almost 1-2 months, but thanks to Sir Antonio, I'm able to refresh my knowledge on Next.js and other things because of his teaching, thank you a lot ❤
Always waiting for your video😊
Thank you 🙏
Awesome!
You are best ever youtuber i ever seen! ❤
great video, thank you!
10 x ⭐️ content ! Thank you so much ! PLEASE build Living Social/ Groupon clone 🙏🙏🙏
I can't thank you enough for this !! THANK YOU SO MUCH
"Thank you, my teacher." 🙏
You are very welcome!
TOP CLASS ❤
Thank you!
Thanks for your video, Antonio! I know you only worked with React in all of your videos, but could you make a video with Svelte because I really love the way you deliver your content?
Your "Hey there" intro isn't quite work safe and makes me blush. lol. J/k... your content is top of the game, thanks for everything you do.
Onlyfans subscription ❌️
Antonio's course subscription ✅️
❤️
Can't wait for part 2 🔥🔥🔥🔥
Coming tomorrow!
The goat!
Thank you!
Thank you very much, I really hope you will make a CMS project that has the function of dragging and dropping blocks to create stores like e-commerce sites are doing.
Thanks for the idea!
First off, thank you so much for the quality content you consistently provide-it's been incredibly helpful for us. God bless you!
I have a quick question regarding the project we're currently working on. Right now, we're unsure about what exactly we’re building in terms of UI. Would it be possible for you to share any design resources, such as a Figma file or other references, that could give us some clarity on what the end result should look like?
Thanks again for all your hard work and for helping us grow!
As Antonio once said:
"Great, great job" 🎉
Thank you so much. Hope to make a POS system tutorial.
Thank you for the suggestion!
thankyou so much learnt all next js from your projects.Kindly upload a project with next js supbase updated docs plzzzz ☺😊🤗
Thank you for the suggestion!
Congratulations and thank you for another video, Antonio 🙂 Looking forward to integrate it.
Have you considered the option to allow more granular access to your courses? I would be interested just in 3-4 courses, and I would gladly pay for them 🙂
Will look into offering that!
@@codewithantonio looking forward to it 🙂 I want to pay for what I learned from you 🍹
Please, sir, could you create a multiple-choice/quiz examination system that includes features like negative marking, tracking wrong answers, right answers, and more?
Love from Bangladesh ♥♥♥
Thank you for the suggestion!
In the next project please 😅@codewithantonio
nice project, nice interface
Glad you like it!
This is awesome. Thank you
Glad you like it!
@@codewithantonioyea, it's been long you created a project like that
Antonio, you are amazing man, I would really like to see this project using Prisma, PostgreSQL and Server Actions
Antonio, I have one question. Will your next new course be using next.js 15 and react 19 because groundbreaking updates are out & what about new viewers who are gonna watch your previous videos? They are going to struggle a lot completing the old courses.
What theme are you using Antonio? looks like Monokai Pro but slightly different, thanks for your nice work!
This is insane.
Thank you!
Svaka čast❤
Let's go !!!🔥🔥🔥
My man came back to give another punch of nightmare to generative AIs.
Awesome thanks man!
Glad to help!
love your content, i only watch a piece of it what i need , but i really appreciate it is even great for beginners,
currently building a heavy project, which also involves tickteting system, i will surelycheck it out for that , i may get new things
Man killing every big SAASes out there. I heard you're fixing RUclips next😅.
That's what they're saying 🤭
Really, You’re the best.
Great project
Thank you!
You are awesome!
You too!!
the GOAT
hey Antonio! Great Great Job 👏👏
This is one of the best tutorials I've ever watched! really love your idea of explanation here.
I have a question about fetching the members: 8:15:04 if I'm using Supabase not Appwrite & using Clerk Auth not handling it manually, wouldn't be easier & better to create a JSONB column, call it "members" and inside of that we add a json with 3 keys name, id & role so that when we fetch the workspace we have all members with roles already? or that is not a good approach?
Thanks for great video.
I have a question.
Do you prefer hono to server action? I just want to know what makes you switch back to API routes.
I prefer Hono DX, especially the end-to-end typesafety
Thanks Antonio ❤
You are welcome!
Thanks man
You always deliver amazing tutorial. But since 19 months I am requesting for Leetcode clone tutorial.
I like the way you assume that the viewer is not aware about a library or concept. You start it by introducing the same thing in every video. Some people mwmay directlt watch this without prior knowledge
Antonio, Thanks for the masterpiece ♥ but i have one question that how do you type so fast like do you do 10 finger touch typing or something else ? and if yes then how much time did it took to you learn it and what was your apporach? please reply 🙏
Thanks bro❤😮
Glad you like it!
great great job!
Thanks a ton 🎉
Always welcome!
Bro isnt pregnant but always delivers ❤❤❤
There are many channels that are competing with you. I know you can stand out from them, Antonio. You just need to increase the perfection a bit.
and more AI, backend lol
Thanks again
Good luck!
brother I just finished slack clone and started watching jira clone,
problem is that everyone says that you stuck in tutorial hell, so what should i do. should i watch or not, and how to leverage more from your videos.
👍 thank you ❤Tks Antonio.
Your welcome!
Thanks my mentor
Enjoy it!
Hey Antonio! Let’s build something in healthcare next !