Next.js 15 Full Stack Project: Build a Blog App with Dashboard using Next.js, Clerk, and MongoDB

แชร์
ฝัง
  • เผยแพร่เมื่อ 9 ก.พ. 2025

ความคิดเห็น • 89

  • @reactproject
    @reactproject  2 หลายเดือนก่อน +2

    Head over to Brilliant to start your 30 day free trial: brilliant.org/Sahand 😃 (You'll also get an extra 20% off discount for the annual premium membership using the link)

  • @karacan2469
    @karacan2469 2 หลายเดือนก่อน +1

    Hey Sahand,
    I just wanted to say how much I love your videos! I’ve been following your work for a while now, and I really admire how genuine and real your teaching style is. You’re one of the few creators who doesn’t just code in an idealized bubble-you approach projects like a real developer would, starting with a proper UI and working through things systematically. It’s so refreshing and relatable.
    That being said, I had a small thought about your latest video. The moment I saw Clerk mentioned for authentication, I kind of paused the video. Personally, even for the smallest projects, I prefer building the authentication myself. It just feels more robust and in my control, especially since relying on a third-party service for such a critical part of the project can be risky in the long run.
    Of course, I haven’t even watched the full video yet, and I’m sure you’ve got good reasons for using it. I just hope you stick to the kind of content that’s brought you so much success-the practical, down-to-earth coding approach we all love. Keep doing what you’re doing, because it’s inspiring a lot of us!
    Much love and best wishes,

    • @reactproject
      @reactproject  2 หลายเดือนก่อน

      I'll keep in mind your preference for building authentication myself. Thanks for sharing your thoughts!

  • @dnm9931
    @dnm9931 10 วันที่ผ่านมา

    Amazing projects! Thank you for your efforts!

  • @عزیز25
    @عزیز25 2 หลายเดือนก่อน

    Thanks a lot! I finished the project using MERN. I’m really excited to try out the new features and make everything run even smoother. Can’t wait to show you how it turns out!

    • @reactproject
      @reactproject  2 หลายเดือนก่อน

      I'm glad you found it helpful! I look forward to seeing your results.

    • @عزیز25
      @عزیز25 2 หลายเดือนก่อน

      @@reactproject sure sir :)

  • @reactproject
    @reactproject  2 หลายเดือนก่อน +1

    🔗 Source Code & Final Version:
    github.com/sahandghavidel/next-blog
    ⭐ Clerk: go.clerk.com/fgJHKlt
    🎨 Eraser Diagram:
    app.eraser.io/workspace/8YmZpSeZ16YmOARb5dUN?origin=share

    • @عزیز25
      @عزیز25 2 หลายเดือนก่อน +1

      Thank you

  • @musicchoice918
    @musicchoice918 หลายเดือนก่อน

    Thank you so much for this amazing tutorial! 🙌

  • @MenAreBrave-Bat
    @MenAreBrave-Bat 2 หลายเดือนก่อน +2

    Thanks sir . I had completed this project using mern. Now I'll do that using nextjs15.

    • @reactproject
      @reactproject  2 หลายเดือนก่อน

      Awesome! Let me know if you have any questions along the way.

  • @sanazghadimi1160
    @sanazghadimi1160 2 หลายเดือนก่อน

    Thanks sir, I have been waiting for this project. Thanks very much.

    • @reactproject
      @reactproject  2 หลายเดือนก่อน +1

      Enjoy the project!

    • @sanazghadimi1160
      @sanazghadimi1160 2 หลายเดือนก่อน

      ​@@reactproject thanks 🙏

  • @kooyaw4445
    @kooyaw4445 2 หลายเดือนก่อน +1

    Incredible, learnt a lot from the MERN stack project.

    • @reactproject
      @reactproject  2 หลายเดือนก่อน

      I'm glad you found it helpful!

  • @chamathtoo
    @chamathtoo 2 หลายเดือนก่อน

    YOU MEAN A LOT ME SIR AT THIS MOVEMENT. THANK YOU SO MUCH!!

    • @reactproject
      @reactproject  2 หลายเดือนก่อน

      Glad I could help!

  • @leetcodemonkey
    @leetcodemonkey 2 หลายเดือนก่อน +1

    Learnt a lot from your Mern blog project :)
    Can you make e-commerce projects using Mern (and Nextjs version) in the future?

    • @reactproject
      @reactproject  2 หลายเดือนก่อน +2

      I'll keep that in mind for the next one!

  • @korodhsoaqoon
    @korodhsoaqoon 2 หลายเดือนก่อน

    Thank you very much sir.

    • @reactproject
      @reactproject  2 หลายเดือนก่อน

      All the best

  • @ramprasadchauhan7
    @ramprasadchauhan7 2 หลายเดือนก่อน +1

    Thank you more making with nextjs. Sir if possible please use typescript in future project.

    • @reactproject
      @reactproject  2 หลายเดือนก่อน +1

      I'll keep that in mind for the next one!

  • @dnm9931
    @dnm9931 10 วันที่ผ่านมา

    Guys why are the next js projects shorter than the mern projects?

  • @smartdriver2990
    @smartdriver2990 2 หลายเดือนก่อน

    Thanks for sharing the tutorial, like and comment

    • @reactproject
      @reactproject  2 หลายเดือนก่อน

      Thank you too

  • @thewalrusdragon9579
    @thewalrusdragon9579 หลายเดือนก่อน

    Love your stuff man. Currently a couple hours in but I’m use TypeScript. I intend to share the repo when I’m done for anyone else interested in what this project will like in TypeScript. I was also able to deploy with React 19 rather than 18.3.1. Few other small changes too like customized background colors for the Clerk components, changing the background colors for the links in the nav dropdown. I’ll share here as soon as I’m done.

    • @reactproject
      @reactproject  หลายเดือนก่อน

      Awesome, I'm glad you're finding the project helpful and making it your own!

    • @MeshackEjiroOdunowe
      @MeshackEjiroOdunowe 5 วันที่ผ่านมา

      can I get the link to your github repo?

  • @codewithboomi
    @codewithboomi 2 หลายเดือนก่อน

    Nice video Language shows you are Cambodian !

    • @reactproject
      @reactproject  2 หลายเดือนก่อน

      Thank you for noticing!

  • @ayushrandive1615
    @ayushrandive1615 วันที่ผ่านมา

    Is there not any replacement of firebase .... where i don't want to give my billing account

  • @MotivateElevateNow
    @MotivateElevateNow หลายเดือนก่อน

    thanks my brother

  • @Bodesx9
    @Bodesx9 20 วันที่ผ่านมา +1

    nice tutorial but what about the user comment section how can I go about it

    • @svei00
      @svei00 10 วันที่ผ่านมา

      x2

  • @Examji
    @Examji 2 หลายเดือนก่อน

    The next project must be LMS clone like Coursera, it has alot in frontend and backend, it will be the BEST PROJECT ON TH-cam IF U CREATE IT

    • @reactproject
      @reactproject  2 หลายเดือนก่อน +1

      sure thanks for the suggestion

    • @Examji
      @Examji 2 หลายเดือนก่อน

      @@reactproject When you will create it my lord

  • @MohammadNseirat
    @MohammadNseirat 2 หลายเดือนก่อน

    Is there any mern project coming to the channel or not?
    Thanks for you 🙏

  • @TV-tq9ch
    @TV-tq9ch 2 หลายเดือนก่อน

    Firstly I am very thankfull to you creating a amazing and very helpful content I have a question about deployment process is this project is for deploy on vercel and is this possible to deploy it on hostinger without cloud and vps. and why you preffered to use firebase instead of cloudinary for storing image?

    • @reactproject
      @reactproject  2 หลายเดือนก่อน

      Thanks for your comment, i will try a new one in the next video

  • @kobbie5819
    @kobbie5819 2 หลายเดือนก่อน +2

    Hello Mr Sahand, great project once more ,im yet to launch a promising startup I have been building for months.its something I think you would be interested in ,how can I reach you?

  • @Sneakingmentor
    @Sneakingmentor 2 หลายเดือนก่อน +1

    Is this a full video or part 1? I am building instagram using next js from your channel.

    • @reactproject
      @reactproject  2 หลายเดือนก่อน +1

      full video

  • @جريدةالمنتخب-ب2ص
    @جريدةالمنتخب-ب2ص 2 หลายเดือนก่อน

    I LOVE YOUR chanel toy are emzaing keep going with next js and give us movie app with next js

    • @reactproject
      @reactproject  2 หลายเดือนก่อน

      I'm glad you like my videos, I will keep next.js in mind for future projects.

  • @kashifmurtaza9808
    @kashifmurtaza9808 2 หลายเดือนก่อน

    Is any plan for eCommerce Project, please

  • @obayedullahkhan764
    @obayedullahkhan764 2 หลายเดือนก่อน

    Hello sir, I have also degrade the version of clerk but metadata issue is not solving. Even I tried by redeploy the project.

    • @reactproject
      @reactproject  2 หลายเดือนก่อน

      Try clearing your browser cache and hard refreshing the page.

  • @thamer2069
    @thamer2069 2 หลายเดือนก่อน

    Sir, I recommend you build an education website

    • @reactproject
      @reactproject  2 หลายเดือนก่อน +1

      I will consider this for a future project!

  • @عزیز25
    @عزیز25 2 หลายเดือนก่อน

    Love you from Pakistan

    • @reactproject
      @reactproject  2 หลายเดือนก่อน

      Thanks for your comment and welcome to my channel

    • @عزیز25
      @عزیز25 2 หลายเดือนก่อน

      @@reactproject thank you

  • @OmarFaruk-bz4gw
    @OmarFaruk-bz4gw 2 หลายเดือนก่อน

    THANK YOU ACCEPT REQUEST BUT I LOVE PRISMA ORM AND DRIZZLE ORM

    • @reactproject
      @reactproject  2 หลายเดือนก่อน

      I appreciate the feedback, I'll consider it for future projects!

  • @obayedullahkhan764
    @obayedullahkhan764 2 หลายเดือนก่อน

    I am facing an issue with the latest Next.js version (15). When I create the blog project following your tutorial I am getting an hydration error even I clone your GitHub code and set up the environment variables, still I am getting the hydration error. But when I create a new Next.js app using version 14, the hydration error doesn't occur. What steps should I take to resolve this issue? Should I go with next14?
    I plan to use the project for production, so I want to ensure that everything is set up optimally. Could you suggest the best practices for making my Next.js website production-ready and improving SEO?
    Lastly, thank you again for your help with my previous comment!

    • @reactproject
      @reactproject  2 หลายเดือนก่อน

      decrease your react version down, it might be useful, the new version of react has bugs still

    • @obayedullahkhan764
      @obayedullahkhan764 2 หลายเดือนก่อน

      The problem solved by using NEXT14. But clerk webhook is not identifying in Vercel. I check multiple time that I have added the right webhook to .env.local file but Vercel is saying to add webhook in .env or .env.local file and clerk is giving me failed error in the endpoints log.

    • @reactproject
      @reactproject  2 หลายเดือนก่อน

      decrease your clerk version too

  • @georgetreger6477
    @georgetreger6477 2 หลายเดือนก่อน

    Sir please where have you been….I hope you were doing great…I miss your videos

    • @reactproject
      @reactproject  2 หลายเดือนก่อน

      Thanks for the support, I'm always working on new videos!

  • @jugnudhanwaria2663
    @jugnudhanwaria2663 2 หลายเดือนก่อน

    Why don't you make api/webhooks route public...I am getting error while using that route ...I need to make it puble route then it's work for me

    • @reactproject
      @reactproject  2 หลายเดือนก่อน

      i have fixed it later in the video

  • @thamer2069
    @thamer2069 2 หลายเดือนก่อน

    hi sir,
    add testimonials nav and section
    & team nav section
    ASQ answer section
    I will meet you in udemy

    • @reactproject
      @reactproject  2 หลายเดือนก่อน +1

      I appreciate your suggestions, I'll consider them for future projects.

  • @AnthonyObi-wr6ro
    @AnthonyObi-wr6ro 2 หลายเดือนก่อน

    Please where is the MERN version of this project. Can you give me the link?

    • @reactproject
      @reactproject  2 หลายเดือนก่อน

      th-cam.com/video/Kkht2mwSL_I/w-d-xo.html here is the link

  • @NoobCorporations
    @NoobCorporations 2 หลายเดือนก่อน

    Sir i have one request please make a video and add some features like we can use any amount of photos, can use videos also in any post, user can pin any post the he likes and it will show in his profile in pinned section, and add some functionality that after inspect user can't able to see the real blog content in network,
    I have done many modifications from your previous video but struggling with these
    Make a small video for adding these features and some other useful features

    • @reactproject
      @reactproject  2 หลายเดือนก่อน

      Thanks for the suggestions, I'll keep them in mind for future videos.

  • @arisudana3672
    @arisudana3672 2 หลายเดือนก่อน +1

    Add deployment please sir

    • @reactproject
      @reactproject  2 หลายเดือนก่อน +1

      It is already included in the video.

  • @yasharkhatib641
    @yasharkhatib641 2 หลายเดือนก่อน

    You should understand more about us unfortunate war veterans iranians...hey, how come we don't have a bill account and we can't register firebase...what other site would you suggest?

    • @reactproject
      @reactproject  2 หลายเดือนก่อน +1

      you may try a local storage on your server.

  • @obayedullahkhan764
    @obayedullahkhan764 2 หลายเดือนก่อน

    One problem I can't solve in last 4 days. I entered the right webhook but still getting the error to add webhook secret in .env.local . Getting failed message from clerk. How to solve it.

    • @reactproject
      @reactproject  2 หลายเดือนก่อน

      You should double-check if the webhook is properly configured in your Clerk dashboard and ensure the secret is correctly added to your .env.local file. Check github repo for more info.

  • @MenAreBrave-Bat
    @MenAreBrave-Bat 2 หลายเดือนก่อน +1

    I can't reach your twitter. Can u share your social media so I can tag u after completing the project

    • @reactproject
      @reactproject  2 หลายเดือนก่อน

      I am not using social media anymore :)