Build a Real-Time Slack Clone With Nextjs, React, Tailwind, Auth.js | Part 2/2 (2024)

Поделиться
HTML-код
  • Опубликовано: 28 окт 2024

Комментарии • 107

  • @codewithantonio
    @codewithantonio  Месяц назад +4

    Having styling /CSS issues?
    add "./src/features/**/*.{js,ts,jsx,tsx,mdx}" to tailwind.config.ts
    content: [
    ...
    "./src/features/**/*.{js,ts,jsx,tsx,mdx}",
    ],

    • @ShahAhnafulIslam
      @ShahAhnafulIslam Месяц назад

      Hei i am fascinated by you work .. I really want To create a website or software that tracks and analyzes user activity.. then use those activities for accessing whether students are really doing their class properly or attending their classes and other various parameters and then use them to upskilling their productivity.. can you please help me building such website or app or software or tool....

    • @phenix_ind
      @phenix_ind Месяц назад

      Todoist clone next please

  • @shariqshaikh721
    @shariqshaikh721 Месяц назад +9

    Completed the project without any hiccups from start to finish. Your style of teaching is amazing.

    • @codewithantonio
      @codewithantonio  Месяц назад

      What an amazing job! Happy you liked the course ❤️

  • @thestriker504
    @thestriker504 Месяц назад +2

    Thank you so much! This is the first tutorial project I’ve completed without any errors, and the entire process was incredibly smooth!

  • @ADHDOCD
    @ADHDOCD 2 месяца назад +6

    Antonio keeps dropping content one better than the other! Best RUclipsr for coding! For your next idea, can you also build a CRM like Hubspot, GoHighLevel?
    PS: where's the donate/thanks button on your channel??

  • @biLLie_wiLLie
    @biLLie_wiLLie 2 месяца назад +7

    I adore your lessons ❤️ thank you Anthonio

  • @oluwaseunladeinde410
    @oluwaseunladeinde410 27 дней назад

    Simply an amazing work of art. Once again, Antonio, you have delivered! I keep getting better at building great apps by watching your videos. I am sure everyone who watches this will appreciate the amount of work that was put into this. Thank you!

  • @wahidulislam-dl5cv
    @wahidulislam-dl5cv 2 месяца назад +2

    Thanks for sharing the second part of this tutorial video 💕 beautiful

  • @StratixHD
    @StratixHD Месяц назад

    Great content as always, Antonio! Your channel is definitely one of the best for coding on RUclips. Could you consider creating a project based on Calendly next? It would be really interesting to see how you'd tackle calendar synchronization and other related features! :)

    • @miraclenerdkidchiki6249
      @miraclenerdkidchiki6249 Месяц назад

      probably a third party api can help with that...i know of one called "Nylas", u can check it out

  • @kartikgandhi7447
    @kartikgandhi7447 25 дней назад +1

    During the 1:1 dms part, where the bug was not getting conversation doc after creation of a conversation, we were not setting the data in our custom hook "useCreateOrGetConversation" using setData(). The data was always null. I added setData(response) after the mutation in that hook and the bug was resolved. Hope I am right and this helps! Awesome tutorial btw!

  • @KimJune-x2s
    @KimJune-x2s Месяц назад +1

    If you have made it here, congrats my friends, beautiful beautiful project Antonia, smooth as fuck and clear as hell, finished the project without frustration or any misunderstood about anything. Learned a lot and a lot about how things work in sending message. And I hope and I HOPE in the upcoming project , could you focus on the backend that have very complex relation about all kinds of different query and how all relations work. Thank you and thank you

  • @adelbuilds
    @adelbuilds 20 дней назад

    Amazing tutorial. Learned so much! Thanks Antonio

  • @MuhammadHamza-n5n
    @MuhammadHamza-n5n 2 месяца назад +1

    Love the content Anthonio, but just a request to please also list down the tools, any services and libraries etc which will be used in the project being made. 🔥

  • @shahnawazattar7991
    @shahnawazattar7991 2 месяца назад +1

    Great project waiting for next

  • @cristianrubenpereyra753
    @cristianrubenpereyra753 2 месяца назад +2

    Thank you Antonio for this incredible project 😊🙌 could you have an Amazon clone or an ecommerce in future projects 🛍️? There are quite a few on the web but one developed by you would be fantastic

  • @devlala4365
    @devlala4365 2 месяца назад +2

    Awesome 🔥🔥🔥🔥🐻

  • @lonewanderer6333
    @lonewanderer6333 2 месяца назад +1

    You are the bomb Antonio!

  • @flutterccppit
    @flutterccppit 2 месяца назад +1

    Thank you for your wonderful and beautiful lessons❤❤❤❤❤❤❤❤❤

  • @galaxy792
    @galaxy792 21 день назад +2

    now started watching second part, it will also be completed inshaAllah

  • @japanfigs8063
    @japanfigs8063 2 месяца назад +2

    Good Job bro!

  • @muhammadusmanali3718
    @muhammadusmanali3718 Месяц назад +1

    Amazing Tutorial 😍

  • @FuzzyAnkles
    @FuzzyAnkles Месяц назад +1

    🔥content as always. Great tutorial. Pozdrav!

  • @AbdullahRajpoot117
    @AbdullahRajpoot117 2 месяца назад +2

    Perrfect! 😉😉

  • @ARSHADKHAN-hc6pb
    @ARSHADKHAN-hc6pb 2 месяца назад +1

    Our Superman ❤❤❤❤

  • @cyphermediaschool
    @cyphermediaschool Месяц назад

    The Best YTChannel for developers Antonio, can you make video typescript and node express js as production grade level project setup , mongodb

  • @Lishay_Kroy
    @Lishay_Kroy 2 месяца назад +2

    Great great job ! 😂

  • @abdoulniallydaff
    @abdoulniallydaff 2 месяца назад +1

    Thank you Antonio ❤

  • @AbdullahRajpoot117
    @AbdullahRajpoot117 Месяц назад +1

    Hey antonio!
    Abdullah here from Pakistan, I watch your videos regularly and I am 15 years old now But, Already developing Js / Python Apps. I also completed your Slack Clone course and build mine named SyncSpace. I just want you to bring out more parts of this Slack clone by adding various features to it like Inserting multiple Images, Improving the Ui and especially adding a commands button like real Slack and assign commands to them kinda you know.
    Reply me as soon as you possibly can and I shall be very thankful to you!
    With best Regards

    • @miraclenerdkidchiki6249
      @miraclenerdkidchiki6249 Месяц назад

      I think the point of the tutorial is to get you up and running with the basics...any extra functionlaity you feel is needed, take it up as a challenge and try to build it yourself...That is one of the best ways to get better

  • @NextGenCoder-h1f
    @NextGenCoder-h1f 2 месяца назад +1

    Love You Antonio Sir

  • @neonblaze1-c6x
    @neonblaze1-c6x 2 месяца назад +2

    Awesome❤‍🩹

  • @mustaneerhaider515
    @mustaneerhaider515 2 месяца назад +1

    Amazing content. Thanks for providing such knowledge heavy tutorials. Can you share with browser are you using when developi? It doesn't seems to be either Chrome or Safari.

  • @itsolidude2353
    @itsolidude2353 2 месяца назад

    Awesome! Did you ever consider making a boilerplate with us?

  • @sarfrazshah5158
    @sarfrazshah5158 2 месяца назад +1

    God bless you!

  • @MenteCuriosa-Oficial
    @MenteCuriosa-Oficial Месяц назад

    I really like your work. Could you create a school platform? Wherever possible, enter the students' three grades for the two months, register students and teachers, view and print the monthly invoices. This would help many small businesses.

    • @miraclenerdkidchiki6249
      @miraclenerdkidchiki6249 Месяц назад

      Nice, would love to collaborate with someone on this as a challenge to myself ❤

  • @junzta7
    @junzta7 Месяц назад

    can you come up with a full-stack video on stocks, i haven't seen anyone who can do such a video😀

  • @PadurariuDragosh
    @PadurariuDragosh 28 дней назад

    Amazing video!
    Could you please create a ChatGPT/Gemini clone ? It would be very easy for you

  • @Vesuvius-f4h
    @Vesuvius-f4h 24 дня назад

    could you do a tradingview clone? (potentially using the lightweight charts library?)

  • @usmanmarkaz
    @usmanmarkaz 2 месяца назад

    now its time to start react native projects like Next js projects

  • @Dixierocks20
    @Dixierocks20 Месяц назад

    I deployed the app on Vercel but I can't sign in with a Google account, it returns a code in the navigation bar (I think a Google kind of authorization code), but nothing happens. The user does appear in the table users in Convex, but I can't sing in entirely, you know create a workspace and all of that (it's just "you can't access this website" blank page"). Could someome help please? Thank you.

  • @ammarshah1708
    @ammarshah1708 20 дней назад +1

    best project. i request you to please make loom clone

    • @codewithantonio
      @codewithantonio  20 дней назад +1

      Thank you for the idea!

    • @surya_dada_
      @surya_dada_ 18 дней назад

      What is used for real time communication??

    • @surya_dada_
      @surya_dada_ 18 дней назад

      What is used for real time communication??

  • @Lucidfinder
    @Lucidfinder 2 месяца назад +2

    Can you develop a AI mock interview platform where we can chat AI interviewer directly by using gemini or groq

  • @SK_Covers
    @SK_Covers 2 месяца назад

    I know react, Nextjs, tailwind, typescript and some working knowledge.
    Will i able to follow this tutorial? Or any prerequisites?
    ❤❤

  • @BliitzPint
    @BliitzPint Месяц назад

    14:15 - That explanation is a bit wrong here. It's not the "last character's position" you get with "quill?.getSelection()?.index". It's the position of the cursor where it was last placed. Most of the times it IS the end of the the whole text, that's true, but you can of course manually set the cursor somewhere else in the text. Then the Emoji gets inserted at that place. So it just gets added at the end of the line, because that's the cursor's current position.

  • @dereksantossidi6850
    @dereksantossidi6850 Месяц назад

    after finishing this project i just keep thinking bout the excess of function. calls and mutations, i believe this can be a costly app if ddos attacked, what would you recommend Antonio to protect the app? Cloud flare? what is your go to option to make this more protected?? Valeu

  • @fa1con989
    @fa1con989 2 месяца назад

    I have a question have you used websockets for real-time communications ?

  • @AwaisOtho
    @AwaisOtho Месяц назад +1

    Sir make react native series please❤❤

  • @minter-07
    @minter-07 Месяц назад +1

    Taken paid membership, Im making canva clone from Sir one request, can you nake a tutorial/ project using "react remotion" ? Not much tutorials available for the same

  • @SoniInterio
    @SoniInterio Месяц назад +1

    Hallo sir can you make a video on saas application using hugging face api

  • @sdawdwadaufyuaiudi2148
    @sdawdwadaufyuaiudi2148 2 месяца назад +1

    thank

  • @aryaadinulfadlan8998
    @aryaadinulfadlan8998 Месяц назад

    hi Antonio, I think we still have one issue.
    If the chat history is quite extensive, the latest messages will be hidden by the editor component.
    How can we ensure that when a new message is sent, the chat automatically scrolls down to the most recent message? (like whatsapp or telegram)

  • @hubesh716
    @hubesh716 2 месяца назад +17

    sir plz i have request to start making React Native full Stack projects plz there is already a lot on next or react so plz start React Native full stack projects plz sir plz

    • @h_jin
      @h_jin 2 месяца назад

      👍

    • @SK_Covers
      @SK_Covers 2 месяца назад

      React native already have tons of tutorial
      😢

    • @raymondmichael4987
      @raymondmichael4987 2 месяца назад +2

      @@SK_Covers sure, but not from Antonio 😊

    • @nunajah
      @nunajah Месяц назад

      Up

  • @prakashchoudhary3058
    @prakashchoudhary3058 Месяц назад

    @codewithantonio Hey, can you create some videos on Nest.js ( Backend framework ) or Express.js in detail unlike your previous MERN video which was short.
    Thanks.

  • @MuhammedSaikat
    @MuhammedSaikat Месяц назад +1

    Can you create video editing app

  • @RajPatel-qu5rw
    @RajPatel-qu5rw Месяц назад

    Sir can you please start playlists on zerodha clone with all functionality in mern stack without using prisma... because don't have prisma premium

  • @Hot-tj2jd
    @Hot-tj2jd 2 месяца назад

    Please make a video on flutterflow clone please sir 🙏🏼

  • @dianab536
    @dianab536 2 месяца назад

    When are you going to have a monthly plan

  • @sarmadkhan4553
    @sarmadkhan4553 2 месяца назад +1

    which browser are you using?

  • @chirkov
    @chirkov 2 месяца назад +1

    Do you have course where you use Tenstack Query?

    • @codewithantonio
      @codewithantonio  2 месяца назад

      My finance saas project heavily utilizes tanstack react query

    • @chirkov
      @chirkov 2 месяца назад

      @@codewithantonio thanks

  • @hadoan7945
    @hadoan7945 Месяц назад

    Can you guide me on how to code a web GoodNotes

  • @dereksantossidi6850
    @dereksantossidi6850 Месяц назад

    Antônio in the end we didn’t use threads or Drafts correct ?

    • @codewithantonio
      @codewithantonio  Месяц назад

      hmm, in what way? threads and DMs should be fully implemented

    • @dereksantossidi6850
      @dereksantossidi6850 Месяц назад

      @@codewithantonioi mean threads and drafts.
      in the end they stayed:


      on our workspace-sidebar... I believe i watched all the chapters and programmed on the go...

    • @dereksantossidi6850
      @dereksantossidi6850 Месяц назад

      @@codewithantoniono no the first two icons for threads and drafts.

  • @hightvformal
    @hightvformal 2 месяца назад +1

    inkdrop clone please

  • @TayyabShahid-j8p
    @TayyabShahid-j8p Месяц назад +1

    hey anthonio can you make a video on how to make linktree clone? landing page login authentication, strip integration everything like linktree

  • @exploreinsixtyseconds
    @exploreinsixtyseconds Месяц назад

    Make a project like Zoho recruiter

  • @dongnguyen.1994
    @dongnguyen.1994 14 дней назад

    Why don't you implement the real-time functionality?

  • @lucasoliveiramzn
    @lucasoliveiramzn Месяц назад +1

    Create yahoo answer clone. Please

  • @palabrana6062
    @palabrana6062 Месяц назад

    Is website responsive, please reply someone

  • @3aw-3aw
    @3aw-3aw Месяц назад

    1:45:49

  • @minter-07
    @minter-07 Месяц назад +2

    Hey some youtuber doing live sessions teaching canva clone that you taught on you paid platform the code, structure design evrything is same, i think this is wrong you put lot of efforts in this they are not even giving you credits

    • @codewithantonio
      @codewithantonio  Месяц назад +1

      hi, could you tell me more info?

    • @minter-07
      @minter-07 Месяц назад +2

      @@codewithantonio may i share live stream link here? I commented there also

    • @codewithantonio
      @codewithantonio  Месяц назад +1

      sure thing

    • @minter-07
      @minter-07 Месяц назад +1

      i confronted them so they even deleted my comment
      ruclips.net/user/livevBfzaWabw18?si=hymCnWmfvQDSX9XN

  • @ivanamilinkovich
    @ivanamilinkovich 2 месяца назад +1

    🫶