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

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

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

  • @reactproject
    @reactproject  หลายเดือนก่อน +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 หลายเดือนก่อน +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  หลายเดือนก่อน

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

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

    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  หลายเดือนก่อน

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

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

      @@reactproject sure sir :)

  • @musicchoice918
    @musicchoice918 9 วันที่ผ่านมา

    Thank you so much for this amazing tutorial! 🙌

  • @thewalrusdragon9579
    @thewalrusdragon9579 18 วันที่ผ่านมา

    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  18 วันที่ผ่านมา

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

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

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

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

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

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

    Incredible, learnt a lot from the MERN stack project.

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

      I'm glad you found it helpful!

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

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

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

      Enjoy the project!

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

      ​@@reactproject thanks 🙏

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

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

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

      Glad I could help!

  • @MotivateElevateNow
    @MotivateElevateNow 18 วันที่ผ่านมา

    thanks my brother

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

    Thank you very much sir.

  • @leetcodemonkey
    @leetcodemonkey หลายเดือนก่อน +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

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

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

    Nice video Language shows you are Cambodian !

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

      Thank you for noticing!

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

    Thanks for sharing the tutorial, like and comment

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

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

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

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

  • @reactproject
    @reactproject  หลายเดือนก่อน +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 หลายเดือนก่อน +1

      Thank you

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

    Love you from Pakistan

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

      Thanks for your comment and welcome to my channel

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

      @@reactproject thank you

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

    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  หลายเดือนก่อน

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

  • @kobbie5819
    @kobbie5819 หลายเดือนก่อน +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?

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

    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  หลายเดือนก่อน

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

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

      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  หลายเดือนก่อน

      decrease your clerk version too

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

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

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

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

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

    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  หลายเดือนก่อน

      Try clearing your browser cache and hard refreshing the page.

  • @suryanshshukla4357
    @suryanshshukla4357 9 วันที่ผ่านมา

    I haven't made that MERN Blog project
    Can I start directly with this one
    is it not a sequel or something? just want some clarification before start
    pls reply anyone who has made this project to pls clarify my doubt

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

    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  หลายเดือนก่อน +1

      sure thanks for the suggestion

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

      @@reactproject When you will create it my lord

  • @kashifmurtaza9808
    @kashifmurtaza9808 23 วันที่ผ่านมา

    Is any plan for eCommerce Project, please

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

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

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

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

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

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

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

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

  • @jugnudhanwaria2663
    @jugnudhanwaria2663 24 วันที่ผ่านมา

    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  24 วันที่ผ่านมา

      i have fixed it later in the video

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

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

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

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

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

    Add deployment please sir

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

      It is already included in the video.

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

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

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

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

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

    Sir, I recommend you build an education website

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

      I will consider this for a future project!

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

    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  หลายเดือนก่อน

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

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

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

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

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

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

    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  หลายเดือนก่อน +1

      you may try a local storage on your server.

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

    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  หลายเดือนก่อน

      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.

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

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

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

      I am not using social media anymore :)