🔥 Build & Deploy a Real Estate App with Next.js 14! Full Stack Project Tutorial [💻📱] Part 1

แชร์
ฝัง
  • เผยแพร่เมื่อ 31 พ.ค. 2024
  • Hey developers, in this video you will learn a lot of stuff about creating a real-world full stack application with next.js 14, A Real Estate Project.
    Prisma Documentation: www.prisma.io/?aff=skdev
    ✅ Episode 1: • 🔥 Build & Deploy a Rea...
    ✅ Episode 2: • Real Estate Full Stack...
    ✅ Episode 3: • Next.JS 14 Full Stack ...
    ✅ Episode 4: • Authentication and Aut...
    ✅ Episode 5: • Delete Property and us...
    ✅ Episode 6: • Parallel And Intercept...
    ✅ Episode 7: • Landing Page -- Next.J...
    ✅ Episode 8 : • Pagination In Server C...
    GitHub Repo(Please give it a ⭐ on GitHub): github.com/vahid-nejad/NextJS....
    📖 Chapters:
    0:00:00 Intro
    0:02:53 What You Will Learn
    0:04:08 Creating Next.js Project
    0:05:38 Integrating Prisma
    0:16:43 Setup Authentication
    0:20:06 UI Library
    0:23:38 Navbar
    0:30:35 Sign In Panel
    0:36:56 Saving The User In Data Base
    0:44:08 User Profile Panel
    1:05:17 Avatar Section
    1:11:46 File Upload
    1:25:03 User Properties Page Introduction
    1:26:17 Add Property Page
    1:33:39 Stepper Component
    1:50:34 Basic Form of Add Property
    2:13:58 Next And Prev Buttons In Add Property
    2:19:07 Location Step of Add Property
    2:30:34 Feature Model
    2:35:09 Features Form

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

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

    thanks. waiting for next part

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

      Hi, It is coming tomorrow

  • @shumit
    @shumit 14 วันที่ผ่านมา

    These videos are coming at the right time - for me at least. For all the hard works, hours, and efforts you are putting in - people like us can't thank you enough. Nonetheless, THANK YOU SO VERY MUCH !! Once more, THANK YOU SO VERY MUCH !!

    • @SakuraDev
      @SakuraDev  14 วันที่ผ่านมา

      Wow, thank you!

  • @user-et2ip6cu8e
    @user-et2ip6cu8e หลายเดือนก่อน

    Thank you for the create such a this amazing tutorial. i am looking forward to watch next part of the great work. can you tell me when will it be ready?

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

      Hi, You can watch it tomorrow. I really appreciate your patience 🙏💖

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

    thanks bro it is great job

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

    Thanks a million ♥

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

      Thank you so much 🙏

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

    Thanks for good work in TH-cam teacher ❤ mr mahmood abadi

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

    Sir i followed your last authentication video and everything works fine. But when i make build "npm run build" it gives error. If i comment mongodb related imports it builds without error.

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

    Thanks

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

    thanks for nice video

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

      Thank you so much 🙏

  • @Amankhan-cl1dq
    @Amankhan-cl1dq 26 วันที่ผ่านมา

    Instead of making separate tables for property types and property statuses, you could have used enums for defining them.

    • @SakuraDev
      @SakuraDev  26 วันที่ผ่านมา +1

      Yes we can use enums as well here in this case. Thanks for bringing that to my attention BTW ⭐

  • @fulviodimaio7792
    @fulviodimaio7792 8 วันที่ผ่านมา

    I just completef the chapter 'Saving the User in the database', Howevere if I logOut and I want to sign in again I get a 500 error saying that the user alredy exsist in the database, anyone has the same problem?

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

    how can I deploy it? Could you explain that part? thank you.

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

      Yes I will cover that in the next part.

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

      @@SakuraDev Excellent!

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

      @@SakuraDev There will be another part for the same project? Thanks

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

      @@21Dimen yes, in the second part I will complete the remaining tasks of this project.

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

    Please include the github repo or the fileInput component, we are coding along, thanks

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

      Hi 👋, added in description.

  • @GurpreetSingh-xt4gb
    @GurpreetSingh-xt4gb หลายเดือนก่อน +1

    when you gonna upload the next part sir?please upload it as soon as possible

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

      Hi, I am working on it and it will be uploaded soon. Thanks for visiting

    • @GurpreetSingh-xt4gb
      @GurpreetSingh-xt4gb หลายเดือนก่อน

      @@SakuraDev sir please upload the final part its been 8 days now

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

      @@GurpreetSingh-xt4gb hey, sorry for the delay. I am recording that. It is really a time consuming process so I really appreciate your patience 🙏🙏🙏

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

    I have watched lots of full stack application videos on this platform, this video is top, please is there a way to reach out to you?

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

      Really glad that you liked it. You can reach me through email

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

      @@SakuraDev Boss, let's say I want to get the user that sign in with google his google profile picture instead of manually setting profile picture, can it be simple to archive in the project?

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

      @@MolamikeDevs yes we can do that. I will check for that and do it in the upcoming sections. 🙏

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

      @@SakuraDev thank you so much. One more question, do you have Next.js course on Udemy or any programming course? I like your teaching methods.

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

      @@MolamikeDevs Hey 👋, It is just here.

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

    Please make a video authjs 5 with mongodb.

  • @maneshwar3468
    @maneshwar3468 9 วันที่ผ่านมา +1

    I thought everything is going well until I see Kinde.....bye bye

    • @NikolaFilipovski94
      @NikolaFilipovski94 7 วันที่ผ่านมา

      Same here i hate 3rd party libraries that save someone's personal data for me "safe" 😑

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

    Promo'SM