CourseFlix

Build A Slack Clone

15h 13m 30s
English
Free
In this 15-hour course, you will create your own Slack clone using advanced technologies such as Next.js, Convex, Tailwind CSS, Shadcn UI, and others. You will learn how to create a professional collaboration tool with a wide range of features.

About the Author: Antonio Erdeljac (Code With Antonio)

Antonio Erdeljac (Code With Antonio) thumbnail

Antonio Erdeljac is a Croatian developer behind the Code With Antonio YouTube channel — one of the more active independent full-stack JavaScript channels online, with a focus on long-form, project-based clones of well-known applications (Netflix clone, Spotify clone, Notion clone, Discord clone, Trello clone). The channel's distinctive contribution is the depth of those clone tutorials — each typically runs 8-15 hours and covers the full back-end-to-front-end implementation of a working app.

The course catalog covers the modern Next.js / React stack: App Router patterns, server components, server actions, Prisma + PostgreSQL, NextAuth / Clerk authentication, Stripe billing, file uploads, real-time features with Pusher, and the deployment workflow with Vercel. Material is paid extended versions of the YouTube content with additional features and context.

The CourseFlix listing under this source carries over 15 Code With Antonio courses spanning that range. Material is aimed at intermediate-and-up React developers building real full-stack applications.

Watch Online 42 lessons

0:00 0:00
#Lesson TitleDuration
1Intro 01:57
2Setup 10:42
3Auth screens 21:54
4Database setup 11:42
5Github authentication 25:07
6Google authentication 09:52
7Password authentication 11:44
8User information 19:34
9Workspace creation 52:57
10Toolbar component 19:23
11Sidebar component 24:22
12Members functionality 15:33
13Workspace sidebar component 30:12
14Workspace preferences 40:49
15Workspace members & channels 41:41
16Channel creation 16:04
17Invite modal 17:13
18Join workspace page 24:08
19Channel page 18:35
20Channel header component 35:49
21Editor component 54:42
22Emoji picker component 14:12
23Image picker component 08:07
24Editor submit functionality 28:31
25Image upload functionality 12:17
26Schema completion 10:18
27Messages GET API 36:00
28Messages list component 49:57
29Channel hero component 07:14
30Message toolbar component 10:37
31Edit & delete message functionality 20:59
32Message reactions 22:01
33Infinite load 05:42
34Thread functionality 30:32
35Thread messages 16:37
36Conversation page 42:12
37Thread bar component 13:12
38Member profile panel 17:19
39Update & remove member functionality 29:11
40Search dialog component 13:16
41Layout shift fix & new emoji picker 06:16
42Deployment to Vercel 15:00

Course content

42 lessons · 15h 13m 30s
Show all 42 lessons
  1. 1 Intro 01:57
  2. 2 Setup 10:42
  3. 3 Auth screens 21:54
  4. 4 Database setup 11:42
  5. 5 Github authentication 25:07
  6. 6 Google authentication 09:52
  7. 7 Password authentication 11:44
  8. 8 User information 19:34
  9. 9 Workspace creation 52:57
  10. 10 Toolbar component 19:23
  11. 11 Sidebar component 24:22
  12. 12 Members functionality 15:33
  13. 13 Workspace sidebar component 30:12
  14. 14 Workspace preferences 40:49
  15. 15 Workspace members & channels 41:41
  16. 16 Channel creation 16:04
  17. 17 Invite modal 17:13
  18. 18 Join workspace page 24:08
  19. 19 Channel page 18:35
  20. 20 Channel header component 35:49
  21. 21 Editor component 54:42
  22. 22 Emoji picker component 14:12
  23. 23 Image picker component 08:07
  24. 24 Editor submit functionality 28:31
  25. 25 Image upload functionality 12:17
  26. 26 Schema completion 10:18
  27. 27 Messages GET API 36:00
  28. 28 Messages list component 49:57
  29. 29 Channel hero component 07:14
  30. 30 Message toolbar component 10:37
  31. 31 Edit & delete message functionality 20:59
  32. 32 Message reactions 22:01
  33. 33 Infinite load 05:42
  34. 34 Thread functionality 30:32
  35. 35 Thread messages 16:37
  36. 36 Conversation page 42:12
  37. 37 Thread bar component 13:12
  38. 38 Member profile panel 17:19
  39. 39 Update & remove member functionality 29:11
  40. 40 Search dialog component 13:16
  41. 41 Layout shift fix & new emoji picker 06:16
  42. 42 Deployment to Vercel 15:00

Related courses

  • Next JS: The Complete Developer's Guide thumbnail

    Next JS: The Complete Developer's Guide

    By: Udemy, Stephen Grider
    Congratulations! You’re on the brink of entering the fast-evolving world of NextJS, designed to empower developers with the tools to create high-performance, fe
    15 hours 35 minutes 12 seconds
  • Next.js Complex State Management Patterns with RSC thumbnail

    Next.js Complex State Management Patterns with RSC

    By: Fullstack.io
    In the dynamic world of web development, mastering complex state management is an essential skills. And since version 13, Next.js introduced a new type of compo
    2 hours 56 minutes 24 seconds 5 / 5
  • Next.js Ecommerce thumbnail

    Next.js Ecommerce

    By: Brad Traversy
    Next.js Ecommerce Course is a comprehensive 22-hour program that teaches step by step how to create a full-fledged e-commerce platform using Next.js 15.
    22 hours 12 minutes 23 seconds 5 / 5

Frequently asked questions

What is Build A Slack Clone about?
In this 15-hour course, you will create your own Slack clone using advanced technologies such as Next.js, Convex, Tailwind CSS, Shadcn UI, and others. You will learn how to create a professional collaboration tool with a wide range of…
Who teaches Build A Slack Clone?
Build A Slack Clone is taught by Antonio Erdeljac (Code With Antonio). You can find more courses by this instructor on the corresponding source page.
How long is Build A Slack Clone?
Build A Slack Clone contains 42 lessons with a total runtime of 15 hours 13 minutes. All lessons are available to watch online at your own pace.
Is Build A Slack Clone free to watch?
Yes — Build A Slack Clone is a free online course on CourseFlix. You can watch every lesson without a paid subscription.
Where can I watch Build A Slack Clone online?
Build A Slack Clone is available to watch online on CourseFlix at https://courseflix.net/course/build-a-slack-clone. The page hosts every lesson with the integrated video player; no download is required.