Hey man, I hope you read this comment. I took a lot of help from one of your earlier videos for my full stack project in college, it went really well and I learnt a lot. Thank you!
One significant challenge with React when building a blog is managing dynamic metadata effectively. Unlike Next.js, which has built-in support for handling metadata, finding a solution using only React can be tricky. Since it’s a blog, having dynamic metadata for each post is essential, and I’m exploring ways to address this without relying on Next.js. Maybe a tuts from you to address this, will be helpful
When will you start working on a MERN microservice or microfrontend architecture? All your previous projects have been monolithic. Please consider creating an e-commerce application using a microfrontend and microservice architecture.
I cannot hold and I would like to say that this reactjs video is a real gem for both beginners and also intermediate level. Sir just a small query can you also please delve into the SEO of react.js it would much worth if the pages are indexed on google I hope we will hear soon from you. I particularly want to learn how do we add open graphs and we have social sharing preview card in react. Thank you again☺☺
hello sir, can i know how to solve error on navbar and Image, thanks An empty string ("") was passed to the src attribute. This may cause the browser to download the whole page again over the network. To fix this, either do not render the element at all or pass null to src instead of an empty string. Error Component Stack
i am also facing the same error, the profile picture is not being saved in the database so it is not being updated in the posts and the comments section. Please do notify me if you solve the issue.
Thank you for this tutorial. I saw that you used two different domain names in the cloudpanel while registering the backend and the frontend. Please do i need to register two domain names and have their DNS setup for it to work?
Hiya. Maybe sillly question but why you didn't use new react19'th useActionState with actions? Is it coz you wanted to showcase the whole Tquery functionality or is better to not mix both ? Thank you- great tutorial🙌
Great video and tutorial! Always come to you for my coding needs. I do have a question about an issue I'm having though. When I try to populate the username on the PostListItem page I keep getting a "Cannot read properties of undefined(reading 'username') error. I checked and my controllers and models are identical to the source code and the username field is populated in my mongo database. Any idea what could be causing this issue?
@@nikhilpnath So I figured out the username part and it is working as intended but now I have another issue. Any text I type in the form area of the write page is enclosed by tags when I pull up the single post page and any image or video I upload in the form area shows up as an imagekit link rather than the image itself. I am using {data.content} in singlepostpage.jsx to pull the content from mongo. {/* content */}
@@nikhilpnath I actually figured out the username problem but now I have another issue. I am trying to pass the content from the form in the write page so that it shows user written content on the single post page. However any content I type in the form is enclosed in a tag on the single post page after submitting. Also any image I upload in the form(not the cover image) shows up as an imagekit link. Here is the line that calls the content from mongo. {/* content */}
@makarydebicki2438 I haven't reached here yet, but what are the things this data.content holds? you're just displaying it That's why i asked. Enclosed by p tag, rather than showing the plain text its wrapped by p tag and showing it, is that what to mean? About the image or video, so far i know we upload these into imagekit and then we display it using the Image component. if i got the problem correctly the issue can be the extension. You have to include that also, like .jpeg, mp4 Please correct me if I'm wrong
@@nikhilpnath Do you mind if I email you some pics to show you what Im talking about? I think thatll be easier than trying to explain it on youtube comments.
heyy how about an employee management system? where features like real time viewing who's employee who already logged in, who are on leave, who are on rest days, like a dashboard. and they have their payslips generated according to how many hours per day they accumulated, and many moreeeeeeeeeeeeeeeee
good course for learning MERN but theres alot you have to fix after it (like a lot of links still dont work and content doesnt show correctly etc.) still worth the time in my opinion as I learnt alot so thank you!
I'm loving the tutorial but I'm coming across this issue when performing user authorization: x-clerk-auth-reason: session-token-iat-in-the-future. This is the error indicated in the response header. From my understanding there seems to be a sync issue between the clerk server responsible for generating the JWT and my express server which is causing the req to be rejected causing a 401 unauthorized error. I tried using configuring the clerkMiddleware by using clockSkewInMs but it didn't resolve the issue. I would really appreciate some help 🙏
I respect you a lot for all your efforts. But I think it's time to focus on the microservice microfrontend project. Tell me a single project on your channel based on microfrontend & microservice?
you really need to structure yourself a bit. classes are constantly being added, left empty & then continued somewhere else. Later, when you are somewhere else again, you jump back to this class and fill it out. even if you insert svg paths, give the viewer the opportunity to view them briefly without having to look for the github on their own.
Hey Lama Dev, thank you for the amazing courses, appreciate your effort and energy, and keep up the good work! Could you share your VScode IDE theme? I like it 🤩
What I always find unpleasant with this kind of React project is that it uses a third-party service like Clerk for user management when this is a very important aspect of creating an application. Why not set up starter kits such as Breeze or Jetstream as with Laravel. I think it would make more sense, the day we could have this kind of thing in the React ecosystem that would be a step forward.
hello sir, can i know how to solve error on navbar and Image, thanks An empty string ("") was passed to the src attribute. This may cause the browser to download the whole page again over the network. To fix this, either do not render the element at all or pass null to src instead of an empty string. Error Component Stack
Hey man, I hope you read this comment. I took a lot of help from one of your earlier videos for my full stack project in college, it went really well and I learnt a lot. Thank you!
Currently watching your blog tutorial with next13 and now i get the notification for this video 😂
Loving this video so far! Great features included in the tutorial like infinite scrolling, sort features, etc. Fantastic job!
Yes! You back brother! as always with a good mentoring tutorial
One significant challenge with React when building a blog is managing dynamic metadata effectively. Unlike Next.js, which has built-in support for handling metadata, finding a solution using only React can be tricky. Since it’s a blog, having dynamic metadata for each post is essential, and I’m exploring ways to address this without relying on Next.js. Maybe a tuts from you to address this, will be helpful
Use ReactHelmet for handling metadata in React
Finally a Mern Stacked ♥️ Thank you so much Lama Dev, one of the reason I Graduated and found a job ♥️ Thank you so much..
❤❤❤❤ the best guy on UA-cam is back.🎉🎉🎉🎉
i loved your channel lama dev. thank you
Thank you very much for your work! You have the best tutorials on all of UA-cam!
Sir you are best on YT 😍 i was waiting for your video from many days and this is super 👌🏻Love u sirr 😍😍
Always upload quality content. Thanks Lama
The best blog app on UA-cam so far. Thank you so much.
welcome back my mate!
what a perfect time to start to make a new project now after my hard day from work. coffee and programming forever. :)
Just liked the video before I watch whole of it because I know its awesome.
Goat with another project 🐐
When will you start working on a MERN microservice or microfrontend architecture? All your previous projects have been monolithic. Please consider creating an e-commerce application using a microfrontend and microservice architecture.
It's not monolithic. He seperates the backend and the React app runs independently.
@coder5336 this is not a monolithic. Learn first
Glad you back to us , Amazing work ❤ thank you ❤
Love you lama 😀😀
Larma U are amazing I Really learnt a lot from U than u
Such an amazing project and explanation thank you so much
Thanks for the video.First 🎉❤
Timestamps for my use:
2:06:06
3:06:49
3:25:38
I cannot hold and I would like to say that this reactjs video is a real gem for both beginners and also intermediate level. Sir just a small query can you also please delve into the SEO of react.js it would much worth if the pages are indexed on google I hope we will hear soon from you. I particularly want to learn how do we add open graphs and we have social sharing preview card in react. Thank you again☺☺
you can use react helmet
lama the best forever
Completed 💌
Do it work completely
I haven't tried it but I tried to copy paste completed version so I can check if it's working but that is not working
i got problem on Add Clerk User, do you know how to fix it?
Mention timestamp where you stuck i will help@@MuhammadFikri-ds4hm
The reason i earn through JavaScript its because of you
Thank you lama dev.
Great project, thank you!
This is a sick idea and an indication of the USA goal and what it's doing.
Only the silo 1 is the USA
That would be really helpful if you make an auction website through which user can bid ❤
Great project.
Next use typescript 😊
Thank you 🎉
Nice project Lama
awesome project, great job
Thanks man, real from zero web apps are disappearing nowadays.
this actaully PRO LEVEL
thanks
Let's gooooooo!!!!!
Nice content. Please bring more advanced content !
hello sir, can i know how to solve error on navbar and Image, thanks
An empty string ("") was passed to the src attribute. This may cause the browser to download the whole page again over the network. To fix this, either do not render the element at all or pass null to src instead of an empty string. Error Component Stack
i am also facing the same error, the profile picture is not being saved in the database so it is not being updated in the posts and the comments section. Please do notify me if you solve the issue.
I am getting an error 'Missing publicKey during ImageKit initialization' even I gave it already
Can you please help me?
@@SarcasticPrince same here. Let me know if you have fixed it.
Did anyone solved this
I’am also facing the same issue
Same issue
Thank you for this tutorial. I saw that you used two different domain names in the cloudpanel while registering the backend and the frontend. Please do i need to register two domain names and have their DNS setup for it to work?
Thank you lama. Please consider downloadable Digital product ecommerce website with nextjs for the future project
Hiya. Maybe sillly question but why you didn't use new react19'th useActionState with actions? Is it coz you wanted to showcase the whole Tquery functionality or is better to not mix both ? Thank you- great tutorial🙌
Just like that is permenant bro hehehe 😍😅😅 thankyou so much learn alot
Great video and tutorial! Always come to you for my coding needs. I do have a question about an issue I'm having though. When I try to populate the username on the PostListItem page I keep getting a "Cannot read properties of undefined(reading 'username') error. I checked and my controllers and models are identical to the source code and the username field is populated in my mongo database. Any idea what could be causing this issue?
can you show me the line where you read the username?
@@nikhilpnath So I figured out the username part and it is working as intended but now I have another issue. Any text I type in the form area of the write page is enclosed by tags when I pull up the single post page and any image or video I upload in the form area shows up as an imagekit link rather than the image itself. I am using {data.content} in singlepostpage.jsx to pull the content from mongo.
{/* content */}
{data.content}
{/* text */}
@@nikhilpnath I actually figured out the username problem but now I have another issue. I am trying to pass the content from the form in the write page so that it shows user written content on the single post page. However any content I type in the form is enclosed in a tag on the single post page after submitting. Also any image I upload in the form(not the cover image) shows up as an imagekit link.
Here is the line that calls the content from mongo.
{/* content */}
{/* text */}
{data.content}
@makarydebicki2438 I haven't reached here yet, but what are the things this data.content holds? you're just displaying it That's why i asked.
Enclosed by p tag, rather than showing the plain text its wrapped by p tag and showing it, is that what to mean?
About the image or video, so far i know we upload these into imagekit and then we display it using the Image component. if i got the problem correctly the issue can be the extension. You have to include that also, like .jpeg, mp4
Please correct me if I'm wrong
@@nikhilpnath Do you mind if I email you some pics to show you what Im talking about? I think thatll be easier than trying to explain it on youtube comments.
Thanks!!
heyy how about an employee management system? where features like real time viewing who's employee who already logged in, who are on leave, who are on rest days, like a dashboard. and they have their payslips generated according to how many hours per day they accumulated, and many moreeeeeeeeeeeeeeeee
You are the best
Thx!
Next time when you upload project to github please add .env.example file. its very usefull to self host the application.
I learnt a lot from you sir, can you please make a new project with Next.js and Hono.Js
good course for learning MERN but theres alot you have to fix after it (like a lot of links still dont work and content doesnt show correctly etc.) still worth the time in my opinion as I learnt alot so thank you!
please guide on how to use the snippet?
Will there be a second part?
Plz make a online video call website, makes online tracking distinction ❤❤❤❤❤
How to include your Dashboard in this existing project?
thanks man
thanks in advance man
great UI
Can you guide me with Next.js, Node.js with TypeScript, and MongoDB?
Perfect.
I'm loving the tutorial but I'm coming across this issue when performing user authorization:
x-clerk-auth-reason:
session-token-iat-in-the-future. This is the error indicated in the response header. From my understanding there seems to be a sync issue between the clerk server responsible for generating the JWT and my express server which is causing the req to be rejected causing a 401 unauthorized error. I tried using configuring the clerkMiddleware by using clockSkewInMs but it didn't resolve the issue. I would really appreciate some help 🙏
Bro want Netflix like clone the old version is too old now ?
JUST LIKE THAT!!!!
Hi, can you please do these projects using redux context?
Next ve shadcn ile video bekliyoruz. Authentication, role based ile birlikte. ❤
Which languages should I know to make this website?
Please create a tutorial on push notifications nextjs using web push for offical docs
Can u use the postgresql in another cases
At 45:59 ,after signing up ,the login and signin button are still showing , any ideas how to hide them,once we are authenticated
why didn`t use typescript?
I respect you a lot for all your efforts. But I think it's time to focus on the microservice microfrontend project. Tell me a single project on your channel based on microfrontend & microservice?
Make projects with windsurf IDE, It will save time and effort!
Is this tutorial good for beginners?
This is for intermediate level if you want he has another blog project in his channel for beginners.
@@haythemsaidi91 thank you!
hey man, mobile mode overflow-x:hidden invaild
When I accessed the server through the IP address on my phone, I found that overflow-x was invalid.
Is anyone know the reason why clerk website is not opening.. i have tried it several times but the site is not opening
Been having issues with this for months
you really need to structure yourself a bit. classes are constantly being added, left empty & then continued somewhere else. Later, when you are somewhere else again, you jump back to this class and fill it out. even if you insert svg paths, give the viewer the opportunity to view them briefly without having to look for the github on their own.
pff why using clerk... why we don't create our own login method from scratch with a mern stack...
Hey Lama Dev, thank you for the amazing courses, appreciate your effort and energy, and keep up the good work!
Could you share your VScode IDE theme? I like it 🤩
I want Crud application using Next js 15 and Primsa , typescript , server action database mongodb
Im failed connect to mongodb,
2:51:20
4:35
was good until I saw clerk .. it doesn't work in nigeria
What I always find unpleasant with this kind of React project is that it uses a third-party service like Clerk for user management when this is a very important aspect of creating an application. Why not set up starter kits such as Breeze or Jetstream as with Laravel. I think it would make more sense, the day we could have this kind of thing in the React ecosystem that would be a step forward.
Your app is not working properly please see it carefully. Especially most in the case of webhook controller. Ja
I´m scary when i have to open black screens, vietnam memories...
هذا صوت حسين الربيعي
Why Clerk, not JWT?
Through You I learned MUI and I have become very addicted to it. Now all your videos are with Tailwind. Why have you betrayed us like that?
you should learn more than only mui or tailwind. it's good to know more things :)
1st pin 📌
Bro soon you will take Phd for creating Blog videos
omggg
Why are these tutors using third party for authorization
When in real job companies develop their own features specially for authorization and roles
Clerk😢
Error: @clerk/clerk-react: Missing publishableKey. i get this error can someone help me out
Did u find the solution?
Thank you ❤
hello sir, can i know how to solve error on navbar and Image, thanks
An empty string ("") was passed to the src attribute. This may cause the browser to download the whole page again over the network. To fix this, either do not render the element at all or pass null to src instead of an empty string. Error Component Stack