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!

[@STP7431]

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

😂

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

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

[@KillThread-kt]

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

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

[@JiroAiProd]

no devops 😅

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

[@_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! ❤

[@yashshinde1881]

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

[@kennedymungai1]

Clerk is just hosted next auth

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

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

[@sagyblecher9258]

Wow thank you so much!

[@abhinavsingh5099]

dude you are awesome

[@multipartgaming]

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

[@OPGAMER.]

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

[@javascriptmastery]

Amazing work!

[@seveto3911]

Me too 🎉

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

[@jehnzcode]

The only KZbinr with zero haters 😁

[@javascriptmastery]

Thank you! 😁

[@TheNightValley]

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

[@javascriptmastery]

Thank you, coming soon! ❤

[@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')

[@miracleokonkwo4130]

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

[@javascriptmastery]

That is awesome!

[@StudyBuddy-jj5pb]

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

[@javascriptmastery]

You are welcome!

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

[@paulbananzi6639]

Thanks for always building real world projects

[@javascriptmastery]

You got it!

[@firewatermoonsun]

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

[@vijay_you]

This channel is a gem 💎

[@javascriptmastery]

Thank you! 😊

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

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

[@faraz9641]

this Weekend Gonna be Wonderful! 🥰🥰

[@javascriptmastery]

Enjoy!

[@amberforrester.m]

Thank you again for another special project!

[@AwwdLabs-ce4yl]

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

[@javascriptmastery]

Amazing, hope you enjoy it!

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

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

[@daneze7560]

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

[@robertwabuti9984]

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

[@liveblocks]

Thanks for featuring us! 🖤

[@javascriptmastery]

Any time! 🖤

[@ryanhajji]

W liveblocks

[@Nothwarren]

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

[@Tapadar.Monsur]

Adrian never disappoints.

[@javascriptmastery]

I give my best!

[@lasindumaduranga7530]

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

[@javascriptmastery]

Amazing!

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

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

[@BliitzPint]

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

[@Hillary_Nicholas]

yeah and i need it 😭

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

[@mrwhosetheuneek]

Only the channel who responds to all comments. ❤

[@imamachmadzulfikar5222]

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

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

[@echelachristopher6532]

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

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

[@R0VERKAI]

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

[@ninamohamed490]

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

[@Devin69786]

Love from India ❤❤❤

[@javascriptmastery]

🎉

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

[@p4pichul0]

Amazing video, explanations and documentation - love it!

[@nnlife-zv9yj]

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

[@javascriptmastery]

Thank you!!!

[@oussamamidouch1286]

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

[@javascriptmastery]

Wow, thank you!

[@-mahmoudadel2628]

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

[@javascriptmastery]

Thanks! ❤

[@0x--]

Love from Argentina 🇦🇷

[@javascriptmastery]

Greetings to Argentina!

[@jancodebeer7779]

Loving the content man!!!

[@javascriptmastery]

Thanks!

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

[@Cr7Nih]

Real world projects batman adrian 🔥🔥

[@javascriptmastery]

Thanks! 🔥

[@oviemenaokpowodu926]

Man,you are a blessing

[@javascriptmastery]

Appreciate it!

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

[@limit9483]

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

[@javascriptmastery]

Thank you!

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

This is incredible! Thank you so much!

[@ahmedbahnasy2243]

You're a legend as usual bro 💪💪

[@javascriptmastery]

Appreciate it!

[@thoriq_aulia]

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

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

[@i_m_watcher]

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

[@kenshalom6098]

wowowow wwoow your speed is just remarkable

[@falaksherdev]

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

[@javascriptmastery]

Perfect!

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

[@suryakantasinha]

Great video content again ❤

[@javascriptmastery]

Thank you!

[@alexanderchepkiyeng]

Clean and Precise 👌🏽 👏🏽 🥳

[@javascriptmastery]

Thank you 🙌

[@InspireSphere974]

U are jus wonderful 👍. Always delivers

[@javascriptmastery]

Thank you so much 😊

[@Nafeed-i6r]

Great video again🔥🔥❤

[@javascriptmastery]

Thanks 🔥

[@amjadali-cs3si]

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

[@javascriptmastery]

I think Antonio did that one already 👌

[@blackrainbow0]

only youtube channel that I subscribed

[@javascriptmastery]

Woah, amazing!

[@fabianperkasa9857]

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

[@javascriptmastery]

Amazing tip, thanks!

[@amajangbah9265]

The goat 🐐 is back

[@javascriptmastery]

Thank you!

[@Pulsemastery]

Great project 🎉

[@javascriptmastery]

Thank you! 😊

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

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

[@MrThotek]

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

[@javascriptmastery]

Great idea!

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

[@olawunitemitope2738]

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

[@javascriptmastery]

Very soon!

[@PauloJsx]

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

[@javascriptmastery]

Thank you! 😊

[@popli10]

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

[@javascriptmastery]

Thank you!!!

[@mohitpanchal9313]

absolutely fantastic course

[@pankajkorkalai9049]

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

[@javascriptmastery]

Cool idea!

[@Brown-e1o]

wow what a great app to add to my portofolio

[@javascriptmastery]

Amazing!

[@dev-akeel]

Good man job... 8:20 But consider using `src` directory in the next video, it organizes the code very well.

[@javascriptmastery]

Thanks for the tip! :)

[@anthonymifsud6141]

one feat that would be sick is Automerge CRDT

[@EfeAsiughu]

Hi Adrian, you're awesome 😎👍

[@javascriptmastery]

Thank you!

[@WithBhavnish]

Love this. I should try this

[@javascriptmastery]

Let me know how it goes

[@AnivSurana]

I've deployed my project, but the Clerk auth still shows "Development mode". Any way I can fix that? Thanks for the amazing tutorial!

[@berkipekoglu]

Awesome!! Thank you!

[@javascriptmastery]

Thank you!

[@gerrard7359]

Pretty cool tht he created his own dependency

[@gauravbawa5609]

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

[@javascriptmastery]

Cool idea!

[@favourogbanu9016]

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

[@knowwow6638]

Really helpful 🤩

[@javascriptmastery]

Appreciate it!

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