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

[@gideonodiokineh3145]

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!

[@javascriptmastery]

I appreciate that!

[@bravehub]

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

[@javascriptmastery]

I try my best!

[@Anar-cap]

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

[@daneze7560]

Ur tutorial is always addicting 😂​@@javascriptmastery

[@ruhaimhakeem6170]

Bro is not pregnant. But always delivers 🔥

[@suryakantasinha]

😂😂

[@sanju_1104]

Broo 😢😂😂

[@lekwapemamyala]

😂😂😂

[@javascriptmastery]

😂😂😂

[@akbarhafeez490]

😂

[@syedahmedullahjaser1150]

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

[@javascriptmastery]

Thank you!!

[@josephjohn494]

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

[@northloo]

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

[@javascriptmastery]

Appreciate that

[@mohitpanchal9313]

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]

Thank you for sharing!

[@BliitzPint]

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]

thanks bro

[@adarsh-chakraborty]

thanks

[@darkknight0972]

that helps, thanks buddy

[@Tanatswa-q5k]

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

[@javascriptmastery]

Thank you!

[@NewtonMaina-dd5yz]

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

[@javascriptmastery]

Thank you so much!

[@omhedau3919]

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! ❤

[@mohitpanchal9313]

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]

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]

@@ahsankabir6810 same too, stuck inj the loading page

[@moizhabib9730]

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

[@VGS_7]

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

[@moizhabib9730]

@@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

[@ahsankabir6810]

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]

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

[@harshayyy9]

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

[@Sibixpur]

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]

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

[@hexssoulld]

Wtf did I just read

[@statuschannel8572]

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

[@katadayat3746]

Bro I love u so muchhhhh

[@OPGAMER.]

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

[@javascriptmastery]

Amazing work!

[@seveto3911]

Me too 🎉

[@yashshinde1881]

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

[@kennedymungai1]

Clerk is just hosted next auth

[@_sid.m]

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

[@javascriptmastery]

Amazing! ❤

[@multipartgaming]

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

[@Sun_powered]

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

[@javascriptmastery]

Awesome! Thank you!

[@TheNightValley]

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

[@javascriptmastery]

Thank you, coming soon! ❤

[@jehnzcode]

The only KZbinr with zero haters 😁

[@javascriptmastery]

Thank you! 😁

[@chikungmedic]

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]

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

[@Aleksandra-fw1uz]

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

[@javascriptmastery]

Pozdravi Srbiji!

[@paulbananzi6639]

Thanks for always building real world projects

[@javascriptmastery]

You got it!

[@AwwdLabs-ce4yl]

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

[@javascriptmastery]

Amazing, hope you enjoy it!

[@miracleokonkwo4130]

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

[@javascriptmastery]

That is awesome!

[@akashgudigar807]

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.

[@vijay_you]

This channel is a gem 💎

[@javascriptmastery]

Thank you! 😊

[@BliitzPint]

45:50 - You forgot to provide that link in the description ;-)

[@Hillary_Nicholas]

yeah and i need it 😭

[@firewatermoonsun]

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

[@media1981]

Do you think Clerk is better than Auth0? I setup most of my projects using Auth0 but there aren't many tutorials. Could you make some? Thanks for the awesome video as always.

[@mileslegend]

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

[@javascriptmastery]

Always!

[@ryuu5768]

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

[@PemaWangchuk-w7y]

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...

[@javascriptmastery]

Great suggestion!

[@destocot1729]

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]

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

[@curtismuasya1865]

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.

[@StudyBuddy-jj5pb]

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

[@javascriptmastery]

You are welcome!

[@mostafaabdelazeeem]

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

[@javascriptmastery]

Thank you so much 😀

[@Omi-rn4cg]

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

[@javascriptmastery]

Awesome, thank you!

[@p4pichul0]

Amazing video, explanations and documentation - love it!

[@faraz9641]

this Weekend Gonna be Wonderful! 🥰🥰

[@javascriptmastery]

Enjoy!

[@charliegunthers]

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

[@aadarshdubey5738]

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]

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

[@138_zishankhan9]

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

[@liveblocks]

Thanks for featuring us! 🖤

[@javascriptmastery]

Any time! 🖤

[@ryanhajji]

W liveblocks

[@codehan]

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 :)

[@lasindumaduranga7530]

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

[@javascriptmastery]

Amazing!

[@AbderrahmaneBelarbii]

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

[@javascriptmastery]

Thanks, will do!

[@robertwabuti9984]

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

[@daneze7560]

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

[@Tapadar.Monsur]

Adrian never disappoints.

[@javascriptmastery]

I give my best!

[@faraz9641]

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

[@javascriptmastery]

Yes, that's why I wanted to share it :)

[@mrwhosetheuneek]

Only the channel who responds to all comments. ❤

[@ninamohamed490]

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

[@oussamamidouch1286]

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

[@javascriptmastery]

Wow, thank you!

[@olawunitemitope2738]

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

[@javascriptmastery]

Very soon!

[@Devin69786]

Love from India ❤❤❤

[@javascriptmastery]

🎉

[@Nothwarren]

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

[@nnlife-zv9yj]

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

[@javascriptmastery]

Thank you!!!

[@echelachristopher6532]

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

[@javascriptmastery]

Thank you so much 😀

[@-mahmoudadel2628]

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

[@javascriptmastery]

Thanks! ❤

[@BrainyiFY_o0]

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

[@ashishmishra8080]

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

[@R0VERKAI]

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

[@gauravbawa5609]

Please make one video on creating our own backend as a service like basic appwrite.

[@javascriptmastery]

Cool idea!

[@falak-sher-it]

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

[@javascriptmastery]

Perfect!

[@franalcaraz1676]

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!

[@Cr7Nih]

Real world projects batman adrian 🔥🔥

[@javascriptmastery]

Thanks! 🔥

[@azemavdic353]

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.😊

[@javascriptmastery]

Great suggestion!

[@МихаилТерновецкий-и1у]

This is incredible! Thank you so much!

[@limit9483]

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

[@javascriptmastery]

Thank you!

[@0x--]

Love from Argentina 🇦🇷

[@javascriptmastery]

Greetings to Argentina!

[@pankajkorkalai9049]

Make e commerce website with admin dashboard, he can add product, category and many handle order through their dashboard.😊

[@javascriptmastery]

Cool idea!

[@041_MoizLokhandwala]

Great Video man! this project resembes somewhat Jira's confluence product. Just one suggestion can't we do like something like if we can invite people from email who are not a user of the product as well. I think it breaks when we do that.

[@MarceloVillarreal-z1s]

Yoo nice vid! is there a particular reason you opten to have the rooms by email instead of the user id? If a user changes email they would lose their docs no?

[@moizlokhandwala3262]

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

[@TeslaIL]

Can I deploy the apps in the tutorials by Render or Netlify Without using Vercel or Hostinger?

[@javascriptmastery]

Sure, you can use whatever you prefer :)

[@mohitpanchal9313]

absolutely fantastic course

[@Brown-e1o]

wow what a great app to add to my portofolio

[@javascriptmastery]

Amazing!

[@kenshalom6098]

wowowow wwoow your speed is just remarkable

[@mountINEER]

it would have been real fun implementing the editor from scratch, in-fact I opened this video for that, It was sad to see that you extracted that fun out of it and just provided a package...... No hard feelings but really it is the charm of our app and we didn't implement it , the project becomes less-worthy due to this Than too , thank you very very much for your contributions!!

[@destocot1729]

agreed

[@amjadali-cs3si]

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

[@javascriptmastery]

I think Antonio did that one already 👌

[@KakulSharma-y2t]

bro plzz make long duration tutorials, like 10 hours+ long plzz, it will be more beneficial for us

[@oviemenaokpowodu926]

Man,you are a blessing

[@javascriptmastery]

Appreciate it!

[@MrThotek]

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

[@javascriptmastery]

Great idea!

[@imamachmadzulfikar5222]

Самый крутой канал по криптовалютам с лучшей ведущей🎄

[@sam_sharma24]

living legend

[@popli10]

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

[@javascriptmastery]

Thank you!!!

[@fabianperkasa9857]

34:13 instead using CTRL + W, if you want to close all the file use CTRL + K W

[@javascriptmastery]

Amazing tip, thanks!

[@gerrard7359]

Pretty cool tht he created his own dependency

[@PauloJsx]

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

[@javascriptmastery]

Thank you! 😊

[@olejemedickson]

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

[@javascriptmastery]

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

[@InspireSphere974]

U are jus wonderful 👍. Always delivers

[@javascriptmastery]

Thank you so much 😊

[@WithBhavnish]

Love this. I should try this

[@javascriptmastery]

Let me know how it goes

[@favourogbanu9016]

Very dope content. Would it be possible to add Images to the documents as well and not just text.

[@bora514]

Any plans on making pure Figma tutorials? Where we will learn how to create such designs?

[@javascriptmastery]

Maybe in the future. But that's Design, not code, right?

[@blackrainbow0]

only youtube channel that I subscribed

[@javascriptmastery]

Woah, amazing!

[@ahmedbahnasy2243]

You're a legend as usual bro 💪💪

[@javascriptmastery]

Appreciate it!

[@thoriq_aulia]

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

[@alexanderchepkiyeng]

Clean and Precise 👌🏽 👏🏽 🥳

[@javascriptmastery]

Thank you 🙌

[@idkwhat337]

Bro just a suggestion when u Implement all the route.ts server actions and call it on frontend Just summarize it real quick frm where u started and what file u created and where is the data going Can you explain it now ? 48:06

[@berkipekoglu]

Awesome!! Thank you!

[@javascriptmastery]

Thank you!

[@oyelakinayodeji9464]

Great tutorial bro. I tagged you on a post on LinkedIn today on a concluded project from one of your archives. Would really appreciate a review and repost🤩

[@EfeAsiughu]

Hi Adrian, you're awesome 😎👍

[@javascriptmastery]

Thank you!

[@system2072]

Your channel is great but you should also show aspiring devs how to use git How to branch out for specific features and overall how real software is developed

[@JacobBelemS.M]

Wow JSM is amazing , really wish to take your next.js 14 course but I'm from Africa and can't afford it 😞