React Node.js Blog App Full Tutorial (Infinite Scroll, User Roles, Filters) MERN Stack Blog Website

Поділитися
Вставка
  • Опубліковано 31 гру 2024

КОМЕНТАРІ • 104

  • @ghostedbyse7en
    @ghostedbyse7en Місяць тому +24

    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!

  • @fistewie
    @fistewie 22 години тому

    Loving this video so far! Great features included in the tutorial like infinite scrolling, sort features, etc. Fantastic job!

  • @AbhishekYadav-ch2mn
    @AbhishekYadav-ch2mn Місяць тому +39

    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.

    • @coder5336
      @coder5336 Місяць тому +3

      It's not monolithic. He seperates the backend and the React app runs independently.

    • @AbhishekYadav-ch2mn
      @AbhishekYadav-ch2mn Місяць тому +3

      @coder5336 this is not a monolithic. Learn first

    • @bilimlink
      @bilimlink Місяць тому

      Glad you back to us , Amazing work ❤ thank you ❤

  • @ader1473
    @ader1473 Місяць тому +7

    Currently watching your blog tutorial with next13 and now i get the notification for this video 😂

  • @RobertoN-pl1ec
    @RobertoN-pl1ec Місяць тому +1

    Yes! You back brother! as always with a good mentoring tutorial

  • @muzamilfootballer5682
    @muzamilfootballer5682 Місяць тому +1

    Sir you are best on YT 😍 i was waiting for your video from many days and this is super 👌🏻Love u sirr 😍😍

  • @Nikushimi-19
    @Nikushimi-19 Місяць тому +1

    Finally a Mern Stacked ♥️ Thank you so much Lama Dev, one of the reason I Graduated and found a job ♥️ Thank you so much..

  • @mirazh8216
    @mirazh8216 Місяць тому +2

    ❤❤❤❤ the best guy on UA-cam is back.🎉🎉🎉🎉

  • @johnedet2987
    @johnedet2987 Місяць тому +5

    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

    • @onax1
      @onax1 26 днів тому

      Use ReactHelmet for handling metadata in React

  • @pastorjorgeaguilar
    @pastorjorgeaguilar Місяць тому +3

    i loved your channel lama dev. thank you

  • @coder5336
    @coder5336 Місяць тому +4

    The best blog app on UA-cam so far. Thank you so much.

  • @mahmudulmr19
    @mahmudulmr19 Місяць тому

    welcome back my mate!

  • @KrishnaList
    @KrishnaList Місяць тому

    Always upload quality content. Thanks Lama

  • @abhaypundora6841
    @abhaypundora6841 Місяць тому +1

    Goat with another project 🐐

  • @eQ-13
    @eQ-13 Місяць тому

    Just liked the video before I watch whole of it because I know its awesome.

  • @ToumaRenshi
    @ToumaRenshi Місяць тому

    what a perfect time to start to make a new project now after my hard day from work. coffee and programming forever. :)

  • @lalitbisht8381
    @lalitbisht8381 Місяць тому +1

    That would be really helpful if you make an auction website through which user can bid ❤

  • @SarcasticPrince
    @SarcasticPrince Місяць тому

    Thanks for the video.First 🎉❤

  • @tgdb-ace
    @tgdb-ace 8 годин тому

    This is a sick idea and an indication of the USA goal and what it's doing.
    Only the silo 1 is the USA

  • @mDHARYL
    @mDHARYL Місяць тому +1

    Great project.
    Next use typescript 😊
    Thank you 🎉

  • @davronmaxmudov3972
    @davronmaxmudov3972 Місяць тому

    Such an amazing project and explanation thank you so much

  • @LinuxDevC
    @LinuxDevC Місяць тому +1

    lama the best forever

  • @snehashishpatra
    @snehashishpatra Місяць тому

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

  • @Jeff_Geoff
    @Jeff_Geoff Місяць тому

    Larma U are amazing I Really learnt a lot from U than u

  • @ACertainWebDeveloper
    @ACertainWebDeveloper Місяць тому

    Thanks man, real from zero web apps are disappearing nowadays.

  • @betsonwilliam9470
    @betsonwilliam9470 Місяць тому

    Thank you lama. Please consider downloadable Digital product ecommerce website with nextjs for the future project

  • @UdayKiran33333
    @UdayKiran33333 Місяць тому

    Nice content. Please bring more advanced content !

  • @abelmarkos5753
    @abelmarkos5753 Місяць тому

    Nice project Lama

  • @andyloren4826
    @andyloren4826 Місяць тому

    awesome project, great job

  • @samarthbisen3244
    @samarthbisen3244 29 днів тому

    At 45:59 ,after signing up ,the login and signin button are still showing , any ideas how to hide them,once we are authenticated

  • @learnprogrammingtip665
    @learnprogrammingtip665 Місяць тому +1

    Plz make a online video call website, makes online tracking distinction ❤❤❤❤❤

  • @mriswan5806
    @mriswan5806 Місяць тому +3

    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

    • @-PrashanthG
      @-PrashanthG 28 днів тому

      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.

    • @SarcasticPrince
      @SarcasticPrince 19 днів тому

      I am getting an error 'Missing publicKey during ImageKit initialization' even I gave it already
      Can you please help me?

    • @iq-dev
      @iq-dev 10 днів тому

      @@SarcasticPrince same here. Let me know if you have fixed it.

    • @MalayalamHub5001
      @MalayalamHub5001 6 днів тому

      Did anyone solved this
      I’am also facing the same issue

    • @hassamata2594
      @hassamata2594 День тому

      Same issue

  • @john6283
    @john6283 Місяць тому +1

    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

  • @CanisLatransMedia
    @CanisLatransMedia Місяць тому

    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🙌

  • @sahranmohammed2700
    @sahranmohammed2700 10 днів тому

    Next time when you upload project to github please add .env.example file. its very usefull to self host the application.

  • @udy1897
    @udy1897 10 днів тому

    Completed 💌

  • @mdsafikulislam9113
    @mdsafikulislam9113 Місяць тому +1

    How to include your Dashboard in this existing project?

  • @FrontendNerd-lg3oh
    @FrontendNerd-lg3oh Місяць тому

    this actaully PRO LEVEL
    thanks

  • @KhizarAli-z6v
    @KhizarAli-z6v 15 днів тому

    Just like that is permenant bro hehehe 😍😅😅 thankyou so much learn alot

  • @Deva6823
    @Deva6823 Місяць тому

    I learnt a lot from you sir, can you please make a new project with Next.js and Hono.Js

  • @White_h4y
    @White_h4y Місяць тому +2

    Bro want Netflix like clone the old version is too old now ?

  • @serkancanbaz1
    @serkancanbaz1 Місяць тому

    Next ve shadcn ile video bekliyoruz. Authentication, role based ile birlikte. ❤

  • @Anonymous0b1000
    @Anonymous0b1000 Місяць тому

    Let's gooooooo!!!!!

  • @AbbasAkhter101
    @AbbasAkhter101 Місяць тому +1

    Make projects with windsurf IDE, It will save time and effort!

  • @ankitgupta9154
    @ankitgupta9154 4 години тому

    please guide on how to use the snippet?

  • @6ixty9
    @6ixty9 Місяць тому

    Please create a tutorial on push notifications nextjs using web push for offical docs

  • @funny-g4d
    @funny-g4d 7 днів тому

    Can u use the postgresql in another cases

  • @EuroRenta
    @EuroRenta Місяць тому +1

    Thx!

  • @malindualwis1905
    @malindualwis1905 Місяць тому

    Hi, can you please do these projects using redux context?

  • @trieunguyentuan3936
    @trieunguyentuan3936 Місяць тому

    Can you guide me with Next.js, Node.js with TypeScript, and MongoDB?

  • @supersweaty8459
    @supersweaty8459 Місяць тому

    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!

  • @AkintundeJadesola
    @AkintundeJadesola Місяць тому +1

    Is anyone know the reason why clerk website is not opening.. i have tried it several times but the site is not opening

  • @salifoumoussaabdoulhack3418
    @salifoumoussaabdoulhack3418 Місяць тому

    You are the best

  • @AbhishekYadav-ch2mn
    @AbhishekYadav-ch2mn Місяць тому

    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?

  • @mahdirezaei-o8i
    @mahdirezaei-o8i 22 дні тому

    why didn`t use typescript?

  • @yerfyyow6220
    @yerfyyow6220 Місяць тому

    thanks in advance man

  • @funny-g4d
    @funny-g4d 14 днів тому

    Im failed connect to mongodb,

  • @hariprasatht9082
    @hariprasatht9082 Місяць тому

    thanks man

  • @amitsaini2909
    @amitsaini2909 26 днів тому

    Which languages ​​should I know to make this website?

  • @Jackkhan-u6e
    @Jackkhan-u6e Місяць тому

    I want Crud application using Next js 15 and Primsa , typescript , server action database mongodb

  • @CarlosTello-m8h
    @CarlosTello-m8h 25 днів тому

    great UI

  • @sukhrob-abdullaev
    @sukhrob-abdullaev Місяць тому +1

    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 🤩

  • @dengoes
    @dengoes Місяць тому

    Perfect.

  • @dafinaaliji
    @dafinaaliji 26 днів тому

    Is this tutorial good for beginners?

    • @haythemsaidi91
      @haythemsaidi91 24 дні тому +1

      This is for intermediate level if you want he has another blog project in his channel for beginners.

    • @dafinaaliji
      @dafinaaliji 19 днів тому

      @@haythemsaidi91 thank you!

  • @viccrts
    @viccrts 18 днів тому

    I´m scary when i have to open black screens, vietnam memories...

  • @steezefpv
    @steezefpv 20 днів тому

    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.

  • @itksports
    @itksports Місяць тому

    was good until I saw clerk .. it doesn't work in nigeria

  • @حسنجهاد-ع9ص
    @حسنجهاد-ع9ص Місяць тому

    هذا صوت حسين الربيعي

  • @adarshjamwal3448
    @adarshjamwal3448 Годину тому

    Your app is not working properly please see it carefully. Especially most in the case of webhook controller. Ja

  • @kwasiezor1630
    @kwasiezor1630 Місяць тому

    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.

  • @calvinwilliams729
    @calvinwilliams729 Місяць тому +1

    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?

    • @ToumaRenshi
      @ToumaRenshi Місяць тому

      you should learn more than only mui or tailwind. it's good to know more things :)

  • @mobilephotography123
    @mobilephotography123 Місяць тому +1

    1st pin 📌

  • @mdsafikulislam9113
    @mdsafikulislam9113 Місяць тому

    Why Clerk, not JWT?

  • @sardormahmudov5972
    @sardormahmudov5972 Місяць тому

    Bro soon you will take Phd for creating Blog videos

  • @KhuyetLe-pp8bw
    @KhuyetLe-pp8bw Місяць тому

    omggg

  • @system2072
    @system2072 Місяць тому +1

    Why are these tutors using third party for authorization
    When in real job companies develop their own features specially for authorization and roles

  • @mudassirsayed8703
    @mudassirsayed8703 Місяць тому

    Clerk😢

  • @edwardmintah4476
    @edwardmintah4476 Місяць тому

    Error: @clerk/clerk-react: Missing publishableKey. i get this error can someone help me out

  • @hassamata2594
    @hassamata2594 21 годину тому

    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

  • @mehrdad1068
    @mehrdad1068 Місяць тому

    Thank you ❤

  • @TrustSploit
    @TrustSploit Місяць тому

    Thank you!