Build and Deploy a Realtime Next.js App with Permissions and Notifications | TypeScript, Tailwind

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

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

  • @gideonodiokineh3145
    @gideonodiokineh3145 6 месяцев назад +35

    You are not only teaching people how to code but how to build products from the ground and make a living out of it. You are such an amazing person!

  • @bravehub
    @bravehub 6 месяцев назад +80

    The only RUclips channel where you can learn Graphic Design, Cybersecurity, Programming Languages, Web Development, Web Applications, AI & ML, and almost anything in the IT field.

    • @javascriptmastery
      @javascriptmastery  6 месяцев назад +16

      I try my best!

    • @KHALAF-i8h
      @KHALAF-i8h 6 месяцев назад

      ​@@javascriptmasterybro I paid for your course of Next.js and I can't access my account

    • @daneze7560
      @daneze7560 5 месяцев назад

      Ur tutorial is always addicting 😂​@@javascriptmastery

  • @ruhaimhakeem6170
    @ruhaimhakeem6170 6 месяцев назад +473

    Bro is not pregnant. But always delivers 🔥

  • @syedahmedullahjaser1150
    @syedahmedullahjaser1150 6 месяцев назад +88

    Let us catch a breath… I first need to complete that hospital app!
    Thanks a lot!

    • @javascriptmastery
      @javascriptmastery  6 месяцев назад +5

      Thank you!!

    • @josephjohn494
      @josephjohn494 6 месяцев назад

      ​@@javascriptmasteryI have completed the hospital management system and I am so proud I have. This is definitely next. Thanks for your efforts and impact ❤

  • @Tanatswa-q5k
    @Tanatswa-q5k 6 месяцев назад +5

    Honestly i haven't been coding through your tutorials coz im in my final year at school but still im subscribed because i cant lie, this is out of this world

  • @benjaminko7812
    @benjaminko7812 День назад

    I did it! I spent two weeks on it and learned so much more about the coding stack. Huge thanks for your kind sharing!

  • @northloo
    @northloo 6 месяцев назад +3

    the portfolio website, the appointment app, and now this... you been poping off bro.. i remember when i first did your nextjs blog app video that was like 2022...we all have grown so much. Great chanel

  • @KillThread-kt
    @KillThread-kt 6 месяцев назад +10

    A lot to learn from, I'm not even done learning from the previous patient management system. Great Work.

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

    Your content is top notch. I've never seen any channel that provides such detailed videos for free!

  • @mohitpanchal9313
    @mohitpanchal9313 6 месяцев назад +116

    if you're stuck at 18:30 with the error: "env: ts-node: No such file or directory"
    you don't have typescript and ts-node installed globally on your machine, so do this
    npm install -g typescript ts-node

    • @javascriptmastery
      @javascriptmastery  6 месяцев назад +5

      Thank you for sharing!

    • @BliitzPint
      @BliitzPint 6 месяцев назад +5

      Life saver! Thank you. And for all who still get a lot of ERR messages on a mac: Try it with "sudo npm install g- typescript ts-node" and enter your password afterwards.

    • @miticosandroid5298
      @miticosandroid5298 6 месяцев назад

      thanks bro

    • @adarsh-chakraborty
      @adarsh-chakraborty 6 месяцев назад

      thanks

    • @darkknight0972
      @darkknight0972 6 месяцев назад

      that helps, thanks buddy

  • @omhedau3919
    @omhedau3919 4 месяца назад +1

    I've been watching your videos, and they're amazing for learning! While creating applications, please mention any new features you've added beyond what's already available. This really adds value to the project, whether the feature is small or large-it just needs to be useful. Thank you! ❤

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

    I made your Aceternity UI Portfolio project and it's cool! Can't wait to dive in into this one!

  • @multipartgaming
    @multipartgaming 6 месяцев назад

    I was lucky to find this amazing RUclips channel about IT programming. Great work!

  • @AwwdLabs-ce4yl
    @AwwdLabs-ce4yl 6 месяцев назад +3

    Ooooooohhhhhh! You bugger. Another one, right on time!! I really needed to know about this software

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

    Hey Adrian! Just wanted to let you know that I have finished and deployed the project. I have learnt a lot while doing so. All credit goes to you!
    Take love. And keep blessing us with your extraordinary contents. I'd personally love some react native projects. But whatever you bring to the table, I believe, it's always gonna be as awesome as this one! Godspeed!

    • @truewisdom1123
      @truewisdom1123 6 месяцев назад

      how did you resolve the error in 1:19:50, i keep seeing th eloading page

  • @mohitpanchal9313
    @mohitpanchal9313 6 месяцев назад +6

    if you're stuck at 1:21:54 and still not able to fix this issue then delete all users from clerk and try again, I’m not sure why but it was restricting from updating the default access, but after clearing up users there and signing in again, it works!

    • @ahsankabir6810
      @ahsankabir6810 6 месяцев назад

      it's not working for me. I tried deleting the users and signing up again. but after I create a new document, I'm stuck with the loading page

    • @truewisdom1123
      @truewisdom1123 6 месяцев назад

      @@ahsankabir6810 same too, stuck inj the loading page

    • @moizhabib9730
      @moizhabib9730 5 месяцев назад

      did anyone resolve the loading issue. stuck there as well can't figure it out

    • @VGS_7
      @VGS_7 5 месяцев назад

      @@moizhabib9730 i suggest u to check if you have written tag or not at the end of collaborative room

    • @moizhabib9730
      @moizhabib9730 5 месяцев назад

      @@mohitpanchal9313 for me the name the error was cause by the name of the file api/liveblock/route whereas I wrote api/liveblocks/route and that caused the issue for me

  • @harshayyy9
    @harshayyy9 6 месяцев назад +14

    js mastery=> import tons of third party libraries make projects look fancy no logics just fancy showcase but nice work i appreciate

    • @Sibixpur
      @Sibixpur 6 месяцев назад +6

      this is my his first video , and dyam like the project is nice , but bro just keep going without any explanation , imma just do on my own..

    • @harshayyy9
      @harshayyy9 5 месяцев назад

      @@Sibixpur if u know socket io then this project is irrelevent

    • @hexssoulld
      @hexssoulld 4 месяца назад

      Wtf did I just read

    • @JiroAiProd
      @JiroAiProd 3 месяца назад

      no devops 😅

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

    You are the best!! Got a react native gig after taking your tutorial

  • @_sid.m
    @_sid.m 6 месяцев назад +1

    I just decided to start learning Next.js today before moving on to React Native and Boom! Here is the new video.

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

    I watch your tutorials to upgrade or add new features on my websites. Thank you💚

  • @charliegunthers
    @charliegunthers 5 месяцев назад

    I just finished it and got it deployed! Thank you JSM I learned quite a bit

    • @aadarshdubey5738
      @aadarshdubey5738 5 месяцев назад

      from 1:04:10- 1:05:10 when i click on start a blank document it's showing 404 error....do you know how to fix it

    • @atiquabd6009
      @atiquabd6009 5 месяцев назад

      @@aadarshdubey5738 maybe your routes doesn't to navigate to start new page, check import

    • @138_zishankhan9
      @138_zishankhan9 4 месяца назад

      how do you run the code,
      i got Error: cannot read properties of undefined (reading 'data')

  • @OPGAMER.
    @OPGAMER. 6 месяцев назад +29

    Completing the healthcare platform for now. Starting this project next.

  • @mostafaabdelazeeem
    @mostafaabdelazeeem 6 месяцев назад +1

    Amazing work and effort, always waiting for new amazing content the best channel in the world! Keep Going Bro :)

  • @TheNightValley
    @TheNightValley 6 месяцев назад +3

    Also waiting for your react native course boss, your teaching method is second to none ❤

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

    this one caught me off guard 😇😇i dint see thuis coming ..thank you for not allowing us to grow stale

    • @javascriptmastery
      @javascriptmastery  6 месяцев назад +1

      Always!

    • @ryuu5768
      @ryuu5768 6 месяцев назад

      Bro can you tell me should I add tutorial watched projects in my resume ,as a fresher ​@@javascriptmastery

  • @oussamamidouch1286
    @oussamamidouch1286 6 месяцев назад +1

    You are just the most awesome content creator for me personaly, thank youna lot !

  • @jehnzcode
    @jehnzcode 6 месяцев назад +3

    The only RUclipsr with zero haters 😁

  • @curtismuasya1865
    @curtismuasya1865 6 месяцев назад

    Woooowwwww, who else prefers these kind of projects 🖐.
    Of late I am quite enjoying these stalk apps and am quite learning a lot.
    Thank you so much, Adrian.

  • @lasindumaduranga7530
    @lasindumaduranga7530 6 месяцев назад +1

    bro im doing next.js because of you!!! keep up the good work ❤

  • @StudyBuddy-jj5pb
    @StudyBuddy-jj5pb 6 месяцев назад +1

    this will be fourth project I will be building from watching your tutorial. thanks you a lot.

  • @amberforrester.m
    @amberforrester.m 2 месяца назад

    Thank you again for another special project!

  • @statuschannel8572
    @statuschannel8572 5 месяцев назад +10

    for 18:30
    install ts-node as a dev dependency
    npm i -D ts-node OR pnpm add -D ts-node
    and now run the
    npx jsm-editor add editor

  • @vijay_you
    @vijay_you 6 месяцев назад +3

    This channel is a gem 💎

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

    Full blast Adrian! Love this🚀🚀

  • @cleanDrinkingW4ter
    @cleanDrinkingW4ter 4 месяца назад

    Amazing video, explanations and documentation - love it!

  • @-mahmoudadel2628
    @-mahmoudadel2628 6 месяцев назад +1

    Coool, keep going in these real-time and real world features ❤❤❤

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

    Thanks for always building real world projects

  • @ninamohamed490
    @ninamohamed490 6 месяцев назад

    I can’t tell you how much I needed that video

  • @echelachristopher6532
    @echelachristopher6532 6 месяцев назад +1

    You're simply the best.... Bro u deserve the 👑🎉

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

    Thank you so much; this is exactly the work I needed.

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

    Great video idea. You are the best, I appreciate your work. Keep up! 😃

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

    Thanks for featuring us! 🖤

  • @Nothwarren
    @Nothwarren 5 месяцев назад

    Incredible work ! third course I'm following, not disapointed

  • @R0VERKAI
    @R0VERKAI 6 месяцев назад

    Thank you so much for using free tools for your tutorials. I really appreciate it 🙏.

  • @nnlife-zv9yj
    @nnlife-zv9yj 6 месяцев назад +3

    Fan-fantastic buddy its fantastic ✨✨✨keep it up 💪💪💪

  • @Omi-rn4cg
    @Omi-rn4cg 6 месяцев назад +1

    JSM, I'm in your Discord community. You're amazing! Well done!
    Permit Me would just go to your github and get started

  • @ahmedbahnasy2243
    @ahmedbahnasy2243 6 месяцев назад +1

    You're a legend as usual bro 💪💪

    • @javascriptmastery
      @javascriptmastery  6 месяцев назад

      Appreciate it!

    • @thoriq_aulia
      @thoriq_aulia 6 месяцев назад

      bro casual mode: legend
      bro legend mode: (beyond you can imagine)

  • @yashshinde1881
    @yashshinde1881 6 месяцев назад +3

    I highly recommend utilizing NextAuth for authentication in your upcoming Next.js project.

  • @Aleksandra-fw1uz
    @Aleksandra-fw1uz 6 месяцев назад +1

    The entire course is amazing, and you explain everything really well! I just ask if you could go a bit slower because I got lost many times and spent a lot of time fixing some silly mistakes. Greetings from Serbia

  • @popli10
    @popli10 6 месяцев назад +1

    Thankyou so so much for everything u do for us people, really grateful

  • @pemawangchuk2024
    @pemawangchuk2024 6 месяцев назад +1

    You teach quite well, easy to understand. Your designs are best, and if you could prepare tutorials on how to design using Figma. Thanks and with regards and respect...

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

    this Weekend Gonna be Wonderful! 🥰🥰

  • @МихаилТерновецкий-и1у
    @МихаилТерновецкий-и1у 5 месяцев назад

    This is incredible! Thank you so much!

  • @Tapadar.Monsur
    @Tapadar.Monsur 6 месяцев назад +2

    Adrian never disappoints.

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

    9:02 NOTE: Since React 19 is the latest and greatest, there may be issues with your shadcn installation. You may be asked to "Use --force or Use --legacy-peer-deps". As far as I can tell, the "--force" option is the one you can select. Be aware that because this video is out of date, you may run into issues. The only other option you could try to use is to install a previous version of next.js and react, so that you don't run into issues. The project uses the following versions of React and Next:
    "next": "14.2.5",
    "react": "^18",

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

      As for me, the best option is to use the same package version as he has

  • @destocot1729
    @destocot1729 6 месяцев назад

    Just started the tutorial but will probably stop, I know it saves so much time but a huge part for me was not setting up lexical editor from scratch and just not having all copy and paste styles appreciate the content anyways hope it helps others!

    • @javascriptmastery
      @javascriptmastery  6 месяцев назад

      Maybe try setting it up on your own and then continue following along with the video? That might be an amazing learning experience!@

  • @mrwhosetheuneek
    @mrwhosetheuneek 6 месяцев назад +1

    Only the channel who responds to all comments. ❤

  • @chikungmedic
    @chikungmedic 6 месяцев назад

    Something that I like and that stands outs about your videos it is the voice so natural soft and intelligible, that it is explaining all the things that you are doing and building. Although at the beginning of this video voice seems to be faster than usual like a 1.25x playback speed. The voice it is from a real person or it is manipulated with AI?

    • @javascriptmastery
      @javascriptmastery  6 месяцев назад

      Everything is real. The beginning is sped up a bit to be a bit more engaging :)

  • @jancodebeer7779
    @jancodebeer7779 6 месяцев назад +1

    Loving the content man!!!

  • @InspireSphere974
    @InspireSphere974 6 месяцев назад +1

    U are jus wonderful 👍. Always delivers

  • @suryakantasinha
    @suryakantasinha 6 месяцев назад +1

    Great video content again ❤

  • @Nafeed-i6r
    @Nafeed-i6r 6 месяцев назад +1

    Great video again🔥🔥❤

  • @daneze7560
    @daneze7560 5 месяцев назад

    Im currently learning html css and javascript once im done with those will definitely take this course

  • @faraz9641
    @faraz9641 6 месяцев назад +1

    @1:44:44 i used to think that you do all this in one sitting !!! Glad you are also a Human Like us :D

  • @akashgudigar807
    @akashgudigar807 6 месяцев назад +1

    We want a video where you tell us how you decide on Frontend part as in the CSS styling etc. coz if you are trying to build a new application its one thing to know all the logic but deciding what styles and where to get them from is a whole different ball game.

  • @AbderrahmaneBelarbii
    @AbderrahmaneBelarbii 6 месяцев назад +1

    Great work! Please do a similar project with NextAuth and MongoDB. I learn a lot from you and I'm continuing to learn more.

  • @smartdriver2990
    @smartdriver2990 6 месяцев назад

    Done. Thanks for the tutorial. it is awesome as always

  • @alexanderchepkiyeng
    @alexanderchepkiyeng 6 месяцев назад +1

    Clean and Precise 👌🏽 👏🏽 🥳

  • @oviemenaokpowodu926
    @oviemenaokpowodu926 6 месяцев назад +1

    Man,you are a blessing

  • @Devin69786
    @Devin69786 6 месяцев назад +4

    Love from India ❤❤❤

  • @codehan
    @codehan 6 месяцев назад

    I‘ll work on this one :) Thnx!
    Can you please do project with Web Component build with pure JavaScript/TypeScript without any helpers like Stencil.js etc.
    I think this topic deserves more attention :)

  • @firewatermoonsun
    @firewatermoonsun 6 месяцев назад +3

    1:26:28 const inputRef = useRef(null);. It should be "HTMLInputElement". Also Input element has "disabled" attribute instead of "disable".

  • @robertwabuti9984
    @robertwabuti9984 6 месяцев назад +1

    I wish there were 2 like buttons just for videos like these!

  • @WithBhavnish
    @WithBhavnish 6 месяцев назад +1

    Love this. I should try this

  • @amjadali-cs3si
    @amjadali-cs3si 6 месяцев назад +1

    awesome content !!! I hope the next video full-stack Canva Clone With Nextjs

  • @kenshalom6098
    @kenshalom6098 6 месяцев назад

    wowowow wwoow your speed is just remarkable

  • @Cr7Nih
    @Cr7Nih 6 месяцев назад +1

    Real world projects batman adrian 🔥🔥

  • @knowwow6638
    @knowwow6638 6 месяцев назад +1

    Really helpful 🤩

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

    Great project 🎉

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

    Hi Adrian, you're awesome 😎👍

  • @lexfinn9
    @lexfinn9 6 месяцев назад +1

    only youtube channel that I subscribed

  • @Brown-e1o
    @Brown-e1o 6 месяцев назад +1

    wow what a great app to add to my portofolio

  • @Tsukuyominaamhai
    @Tsukuyominaamhai 6 месяцев назад

    AMAZING PROJECT

  • @mohitpanchal9313
    @mohitpanchal9313 6 месяцев назад

    absolutely fantastic course

  • @amajangbah9265
    @amajangbah9265 6 месяцев назад +1

    The goat 🐐 is back

  • @halilrodoplu5043
    @halilrodoplu5043 5 месяцев назад

    i'm learning so much thing from you thx for everything thx for impressive project.

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

    bro big fan from india
    big fan as a backend developer

  • @MrThotek
    @MrThotek 6 месяцев назад +1

    Awesome app again. Thank you 🎉
    Maybe can show for us a live web builder app? 😊 Thank you again 🎉🎉

  • @olawunitemitope2738
    @olawunitemitope2738 6 месяцев назад +1

    Thanks great man!! When should we be expecting the react native tutorial?

  • @chrisnicholasdev
    @chrisnicholasdev 6 месяцев назад +1

    Amazing tutorial!

  • @PauloJsx
    @PauloJsx 6 месяцев назад +1

    Muito bom. Muito obrigado pelo conteúdo, Adrian!

  • @azemavdic353
    @azemavdic353 6 месяцев назад +1

    Great content as always. Can you consider making the pdf generator on frontend, with draggable components (tables,text...) and columns from db ? I haven't found such tutorial and would be great if we had one.😊

  • @BrainyiFY_o0
    @BrainyiFY_o0 5 месяцев назад +1

    It's 2 A.M , i just finished it !!!!!!!🎉🎉🎉🎉

    • @ashishmishra8080
      @ashishmishra8080 5 месяцев назад

      hello bro i am facing a get request error its running into loop and its redirecting to sign-in page again and again
      can you please tell me the solution ASAP

    • @i_m_watcher
      @i_m_watcher 3 месяца назад

      Is there any resources in this project for which we have to pay? (like Sentry)

  • @berkipekoglu
    @berkipekoglu 6 месяцев назад +1

    Awesome!! Thank you!

  • @0x--
    @0x-- 6 месяцев назад +1

    Love from Argentina 🇦🇷

  • @franalcaraz1676
    @franalcaraz1676 6 месяцев назад

    Hi, mister. A tutorial about i18n in Next 14, but instead of local dictionaries inside the project these ones would be stored in external database, let's say MongoDB, would be interesting. Keep the great work!

  • @msp4045
    @msp4045 6 месяцев назад

    Excellent video ❤

  • @moizlokhandwala3262
    @moizlokhandwala3262 6 месяцев назад

    Hey Adrian. Awesome video❤❤
    Just a request can you make a project using latest cloud tech like Aws and NodeJS, etc

  • @diegofernandorojascarrillo2763
    @diegofernandorojascarrillo2763 6 месяцев назад

    Amazing project, thanks a lot for the wondefull contect

  • @olejemedickson
    @olejemedickson 6 месяцев назад +1

    Nice one Adrian 👌🏽
    When would you do something in relation to Django 😊

    • @javascriptmastery
      @javascriptmastery  6 месяцев назад

      Thanks. I'll stick to JS for the time being :)