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.
@@javascriptmasteryI have completed the hospital management system and I am so proud I have. This is definitely next. Thanks for your efforts and impact ❤
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
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
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.
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
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! ❤
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!
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!
@@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
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
Recently in a interview, i was asked, if you are building your own production level application you should use next.js or react? I said next, but he told me to use react never next. Because of the ssr things will not work efficiently, specially if its backend heavy application. But i see everyone in the youtube is using nextjs, for auth clerk( witch i feel not secure and can be compromised anytime). So im wondering what is the best approach?
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.
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...
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.
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 :)
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!
Hello guys, I am having a runtime error occurs at 1:59:35, specifically a TypeError. The error message, "Cannot read properties of undefined (reading 'getProvider')", indicates that the useEditorStatus function is attempting to access a property (getProvider) from an undefined object. How can I solve that?
Got u brother. I ecountered the same mistake. But i've been able to fix it. The problem was that the program was trying to install/use two different versions of liveblocks/core, some packages where trying to use liveblocks/core 2.6.0 while others were trying to use 2.6.1. Thats a nono, (liveblocks/core can be found in the packagelock.json under every instace of a liveblocks package). what i did first was to all my liveblocks dependecies, in package.json, inside peerDependencies, to ensure they all were the same. Then i added, "resolutions": { "@liveblocks/core": "2.6.1" } to make sure every package will use the same version. Hope this is useful for anyone in the future.
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.
'"ts-node"' is not recognized as an internal or external command, operable program or batch file. getting this as error while running this command (npx jsm-editor add editor) what to do?
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?
"Hi! I understand that shadcn/ui was updated in August, and now I need to initialize the project differently? I can't seem to do it the way you showed in your video."
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?
I finished building it and loved it ! thank you - but the shared user has permission to edit their role -how do I fix that ? - can be changed from view to editor role and back to viewer role ! - I would like to fix that
I keep getting this error,The component cannot render when a user is already signed in, unless the application allows multiple sessions. Since a user is signed in and this application only allows a single session, Clerk is redirecting to the afterSignIn' URL instead. (This notice only appears in development) How can I resolve this
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!!
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.😊
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!
Can you teach us how to create that library of jsm-editor step by step ? Not exactly the same but some example similar to learn hot to create npm packages
sir i am new to JSM. Please tell me how to follow your tutorials effectively. and also if Stripe is free or not as i am always confused that do we have to pay for it
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
@@pedrodias.fullstack I checked now and I've found it on the NPM page, I googled it and I wasn't able to find and if you search on the NPM page you can find it there, thanks bro
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.
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
I downloaded manually the editor and styles folder from github, but the Editor.tsx has plenty of errors Nothing works like it should, no editor visible like you in 21:03 Would be good to double check
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
there are some errors in code: in component CollaborativeRoom: instead of : const inputRef = useRef(null), it should be const inputRef = useRef(null). In Input component attribute disable={!editing} is wrong, correct is disabled={!editing}
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
I'm having the same error, it's because there is no jsm editor on the npm website, I've looked it up and I couldn't find, so basically we are unable to proceed, we can only watch
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!
I appreciate that!
Bro is not pregnant. But always delivers 🔥
😂😂
Broo 😢😂😂
😂😂😂
😂😂😂
😂
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.
I try my best!
@@javascriptmasterybro I paid for your course of Next.js and I can't access my account
Ur tutorial is always addicting 😂@@javascriptmastery
Let us catch a breath… I first need to complete that hospital app!
Thanks a lot!
Thank you!!
@@javascriptmasteryI have completed the hospital management system and I am so proud I have. This is definitely next. Thanks for your efforts and impact ❤
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
Appreciate that
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
Thank you for sharing!
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.
thanks bro
thanks
that helps, thanks buddy
A lot to learn from, I'm not even done learning from the previous patient management system. Great Work.
Thank you so much!
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
Thank you!
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! ❤
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!
how did you resolve the error in 1:19:50, i keep seeing th eloading page
js mastery=> import tons of third party libraries make projects look fancy no logics just fancy showcase but nice work i appreciate
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..
@@Sibixpur if u know socket io then this project is irrelevent
Wtf did I just read
I was lucky to find this amazing RUclips channel about IT programming. Great work!
Completing the healthcare platform for now. Starting this project next.
Amazing work!
Me too 🎉
I just decided to start learning Next.js today before moving on to React Native and Boom! Here is the new video.
Amazing! ❤
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!
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
@@ahsankabir6810 same too, stuck inj the loading page
did anyone resolve the loading issue. stuck there as well can't figure it out
@@moizhabib9730 i suggest u to check if you have written tag or not at the end of collaborative room
@@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
I made your Aceternity UI Portfolio project and it's cool! Can't wait to dive in into this one!
Awesome! Thank you!
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
Bro I love u so muchhhhh
The only RUclipsr with zero haters 😁
Thank you! 😁
Also waiting for your react native course boss, your teaching method is second to none ❤
Thank you, coming soon! ❤
I highly recommend utilizing NextAuth for authentication in your upcoming Next.js project.
Clerk is just hosted next auth
I've deployed my project, but the Clerk auth still shows "Development mode". Any way I can fix that? Thanks for the amazing tutorial!
You are the best!! Got a react native gig after taking your tutorial
That is awesome!
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
Pozdravi Srbiji!
Recently in a interview, i was asked, if you are building your own production level application you should use next.js or react? I said next, but he told me to use react never next. Because of the ssr things will not work efficiently, specially if its backend heavy application. But i see everyone in the youtube is using nextjs, for auth clerk( witch i feel not secure and can be compromised anytime). So im wondering what is the best approach?
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.
this will be fourth project I will be building from watching your tutorial. thanks you a lot.
You are welcome!
1:26:28 const inputRef = useRef(null);. It should be "HTMLInputElement". Also Input element has "disabled" attribute instead of "disable".
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...
Great suggestion!
Thanks for always building real world projects
You got it!
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.
Can I deploy the apps in the tutorials by Render or Netlify Without using Vercel or Hostinger?
Sure, you can use whatever you prefer :)
45:50 - You forgot to provide that link in the description ;-)
yeah and i need it 😭
I just finished it and got it deployed! Thank you JSM I learned quite a bit
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
@@aadarshdubey5738 maybe your routes doesn't to navigate to start new page, check import
how do you run the code,
i got Error: cannot read properties of undefined (reading 'data')
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 :)
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!
Maybe try setting it up on your own and then continue following along with the video? That might be an amazing learning experience!@
You need a basic to medium understanding of react OR next.js, or react AND next.js was intended?
Ooooooohhhhhh! You bugger. Another one, right on time!! I really needed to know about this software
Amazing, hope you enjoy it!
Does the jsm-editor package still exist? If no, what's the alternative for the project?
Hello guys, I am having a runtime error occurs at 1:59:35, specifically a TypeError. The error message, "Cannot read properties of undefined (reading 'getProvider')", indicates that the useEditorStatus function is attempting to access a property (getProvider) from an undefined object. How can I solve that?
Same issue for me, stuck..
Got u brother. I ecountered the same mistake. But i've been able to fix it. The problem was that the program was trying to install/use two different versions of liveblocks/core, some packages where trying to use liveblocks/core 2.6.0 while others were trying to use 2.6.1. Thats a nono, (liveblocks/core can be found in the packagelock.json under every instace of a liveblocks package). what i did first was to all my liveblocks dependecies, in package.json, inside peerDependencies, to ensure they all were the same. Then i added,
"resolutions": {
"@liveblocks/core": "2.6.1"
}
to make sure every package will use the same version.
Hope this is useful for anyone in the future.
@@Pipu748OMG! You really saved me, brother! Thanks a lot! I hope you have an amazing journey ahead.
@@NyiHtut-h6x I am still getting the same error what did you do to fix it?
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.
'"ts-node"' is not recognized as an internal or external command,
operable program or batch file.
getting this as error while running this command (npx jsm-editor add editor) what to do?
same issue for me also please give an reply
Npm install -g typescript ts-node
It is recommended to learn Typescript and Next.js before taking this course, right?
If you know reactjs and advanced js you good 👍
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?
Everything is real. The beginning is sped up a bit to be a bit more engaging :)
Im currently learning html css and javascript once im done with those will definitely take this course
This channel is a gem 💎
Thank you! 😊
this one caught me off guard 😇😇i dint see thuis coming ..thank you for not allowing us to grow stale
Always!
Bro can you tell me should I add tutorial watched projects in my resume ,as a fresher @@javascriptmastery
bro im doing next.js because of you!!! keep up the good work ❤
Amazing!
Unhandled Runtime Error
TypeError: Cannot read properties of undefined (reading 'resolveMentionSuggestions')
Call Stack
LiveblocksPlugin
node_modules\@liveblocks
eact-lexical\dist\liveblocks-plugin-provider.mjs (43:56)
React, how to solve this
Up
replace package.json file with this
{
"name": "amaze_live_docs",
"version": "0.1.0",
"private": true,
"scripts": {
"dev": "next dev",
"build": "next build",
"start": "next start",
"lint": "next lint"
},
"dependencies": {
"@clerk/nextjs": "^5.2.5",
"@clerk/themes": "^2.1.13",
"@lexical/react": "^0.16.1",
"@lexical/rich-text": "^0.16.1",
"@liveblocks/client": "^2.3.0",
"@liveblocks/node": "^2.3.0",
"@liveblocks/react": "^2.3.0",
"@liveblocks/react-lexical": "^2.3.0",
"@liveblocks/react-ui": "^2.3.0",
"@radix-ui/react-slot": "^1.1.0",
"class-variance-authority": "^0.7.0",
"clsx": "^2.1.1",
"jsm-editor": "^0.0.12",
"lexical": "^0.16.1",
"lucide-react": "^0.414.0",
"nanoid": "^5.0.7",
"next": "14.2.5",
"react": "^18",
"react-dom": "^18",
"tailwind-merge": "^2.4.0",
"tailwindcss-animate": "^1.0.7"
},
"devDependencies": {
"@types/node": "^20",
"@types/react": "^18",
"@types/react-dom": "^18",
"eslint": "^8",
"eslint-config-next": "14.2.5",
"postcss": "^8",
"tailwindcss": "^3.4.1",
"typescript": "^5.4.2"
}
}
delete package-lock.json and node module files.
then run npm install and nppm run dev it should resolve the issue
Great work! Please do a similar project with NextAuth and MongoDB. I learn a lot from you and I'm continuing to learn more.
Thanks, will do!
this Weekend Gonna be Wonderful! 🥰🥰
Enjoy!
I wish there were 2 like buttons just for videos like these!
"Hi! I understand that shadcn/ui was updated in August, and now I need to initialize the project differently? I can't seem to do it the way you showed in your video."
bro plzz make long duration tutorials, like 10 hours+ long plzz, it will be more beneficial for us
Thanks for featuring us! 🖤
Any time! 🖤
W liveblocks
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?
I finished building it and loved it ! thank you
- but the shared user has permission to edit their role -how do I fix that ?
- can be changed from view to editor role and back to viewer role ! - I would like to fix that
I keep getting this error,The component cannot render when a user is already signed in, unless the application allows multiple sessions. Since a user is signed in and this application only allows a single session, Clerk is redirecting to the afterSignIn' URL instead. (This notice only appears in development)
How can I resolve this
JSM, I'm in your Discord community. You're amazing! Well done!
Permit Me would just go to your github and get started
Awesome, thank you!
Thanks great man!! When should we be expecting the react native tutorial?
Very soon!
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!!
agreed
Very dope content.
Would it be possible to add Images to the documents as well and not just text.
@1:44:44 i used to think that you do all this in one sitting !!! Glad you are also a Human Like us :D
Yes, that's why I wanted to share it :)
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.😊
Great suggestion!
Hey Adrian. Awesome video❤❤
Just a request can you make a project using latest cloud tech like Aws and NodeJS, etc
Awesome app again. Thank you 🎉
Maybe can show for us a live web builder app? 😊 Thank you again 🎉🎉
Great idea!
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!
Can you teach us how to create that library of jsm-editor step by step ? Not exactly the same but some example similar to learn hot to create npm packages
sir i am new to JSM. Please tell me how to follow your tutorials effectively.
and also if Stripe is free or not as i am always confused that do we have to pay for it
Start from React Crash Course, then Next.js Crash Course -> then some projects you like
It's 2 A.M , i just finished it !!!!!!!🎉🎉🎉🎉
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
You are just the most awesome content creator for me personaly, thank youna lot !
Wow, thank you!
Heeey,
When I try to run the `npx jsm-editor add editor` in my terminal it returns env: ts-node: No such file or directory. How can I fix that?
Hello, I had the same problem and solved it with the following command: npm install -g ts-node
@@ignaciomoreno4751 Thanks bro, it worked, I appreaciate it a lot
@@ignaciomoreno4751 Thaaaanks, it solved!
@@hramonp I checked it right now. There is one called jsm-editor
@@pedrodias.fullstack I checked now and I've found it on the NPM page, I googled it and I wasn't able to find and if you search on the NPM page you can find it there, thanks bro
Do you have something with next.js to create ssg? I want to create a boilerplate to make static sites in next, and your videos are amazing.
Amazing video, explanations and documentation - love it!
Incredible work ! third course I'm following, not disapointed
Your figma link cant send email for me to get the design. Can u check that? Tks
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.
Nice one Adrian 👌🏽
When would you do something in relation to Django 😊
Thanks. I'll stick to JS for the time being :)
Thank you so much for using free tools for your tutorials. I really appreciate it 🙏.
18:15 When I use "npx jsm-editor add editor" command
I get an error "env: ts-node
: No such file or directory"
run "npm i ts-node" first, it should work afterwards
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
npx jsm-editor add editor
'"ts-node"' is not recognized as an internal or external command,
operable program or batch file.
Amazing work and effort, always waiting for new amazing content the best channel in the world! Keep Going Bro :)
Thank you so much 😀
I downloaded manually the editor and styles folder from github, but the Editor.tsx has plenty of errors
Nothing works like it should, no editor visible like you in 21:03
Would be good to double check
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
Adrian never disappoints.
I give my best!
Can i made this in react instead of next js by following this tutorial
Sure
Yes!
Only the channel who responds to all comments. ❤
I am working on NextJS project but it's running very loads ap data very slow how to make fast.?
You're simply the best.... Bro u deserve the 👑🎉
Thank you so much 😀
there are some errors in code: in component CollaborativeRoom: instead of : const inputRef = useRef(null), it should be const inputRef = useRef(null). In Input component attribute disable={!editing} is wrong, correct is disabled={!editing}
Thanks for letting me know! :)
Wow JSM is amazing , really wish to take your next.js 14 course but I'm from Africa and can't afford it 😞
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
FloatingComposer and FloatingThreads not working as aspected
Great video idea. You are the best, I appreciate your work. Keep up! 😃
Thank you!
Please make one video on creating our own backend as a service like basic appwrite.
Cool idea!
npx jsm-editor add editor 1 err at
env: ts-node: No such file or directory
Whay am I getting this error?
I'm having the same error, it's because there is no jsm editor on the npm website, I've looked it up and I couldn't find, so basically we are unable to proceed, we can only watch
Try to install ts-node as global with the command : npm install -g ts-node
Then retry the command : npx jsm-editor add editor
@@sarahtubeck1537 Thanks, it worked. Much appreciated.
Hello, I had the same problem and solved it with the following command: npm install -g ts-node
@@sarahtubeck1537 Thanks a lot!! problem solved.
Simply awesome brother, love from India 🇮🇳. By the way theme name?
Catpuccin :)
Make e commerce website with admin dashboard, he can add product, category and many handle order through their dashboard.😊
Cool idea!
Hi Adrian. Great tutorial as usual. Can you pls build a Google sheet clone?
Great suggestion!
Coool, keep going in these real-time and real world features ❤❤❤
Thanks! ❤
Fan-fantastic buddy its fantastic ✨✨✨keep it up 💪💪💪
Thank you!!!