Build and Deploy a Fullstack Hotel Booking Web App: Next.js 14, React.js, TS, TailwindCSS, Prisma

✨ Join My Discord Server

Sections:
00:00 - App Intro
11:50 - Creating Next 14 App
22:35 - Clerk Auth
40:08 - NavBar
01:01:00 - DarkMode
01:14:50 - Prisma and My SQL
01:40:18 - Hotel Form Initial SetUp
01:53:11 - Form Schema in Zod
02:04:22 - Form Fields
02:24:57 - Image Upload in Uploadthing
03:07:07 - Select Location
03:38:17 - Hotel CRUD Operations
04:19:30 - Room Model
04:44:34 - Create Room
05:22:01 - Room Card
06:00:47 - Hotel List
06:34:07 - Hotel Details
06:56:30 - Zustand Global State
07:09:12 - Shad/cn Date Range Picker
07:30:14 - Create Booking and Payment Intent
08:09:19 - Update Booking and Disable Dates
08:28:58 - Stripe Payment Form Elements
09:10:48 - Check for Date Overlaps
09:30:26 - List My-Hotels and My-Bookings
10:08:08 - Search Logic
10:23:37 - Location Filter
10:48:51 - Deploy to Vercel

SUPPORT MY CHANNEL

GET IN TOUCH:

Disclaimer: This video is not sponsored

[ChaooCharles]

Planetscale no longer supports the hobby plan. Please try Neon database!

[corneliusezeh]

Great work! Awesome project. Thank you!

[meka]

Excellent! Thank you for using ShadCn UI

[alexwaweru]

Amaizing man, can't wait to start. You are a great teacher.

[alicefraser]

Thank you much, I had to go through a few videos before I found yours, and finally got drag and drop to work without any bugs and understanding everything. Perfect :)

[alexwaweru]

Thanks, man just completed the tutorial, this has been so helpful in my career growth as a full-stack developer.

[forbible]

Oooh man your killing it! Am going to start with the ecommerce store then i will be back for this

[forvictoryrussia]

Dear Brother, I Love Your Projects, Let's Create a Fiverr Clone With Next Js, Prisma, TS, MYSQL, NEXT AUTH next time

[forvictoryrussia]

Super Project Man, Next Time Lets Use Next Auth

[saroj]

Nice project one more thing to do Create a Management System for this project like
Admin
Receptionist
Hote staffs
Restaurant and more panels for this hotel
That would be a complete project ❤

[adejoh]

This is wonderful brother Chaoo, 👌
I have a question,

pls on my courseId form I have an imageUrl and audioUrl field which gets uploaded to uploadthing.

Question is, How do I delete them when I want to delete the courseId??

Thanks!!

[Fansvcuwd]

What's the extension name. You use in your vs code gives. Sparkling effect

[natab]

Could you do a video building an online tutoring or appointment booking platform like preply or classgap? Thanks!!

[lightyagami]

Awesome project man
Are you using latest server actions?

[Wuriwagcl]

pls can i add this project to your previous project in one place under one domain

[khiilara]

Man, this is golden....i cannot belive people can have this for as little as $3 dollars

Woah, this is huge

[lingchen]

at 8:04:56 trying to push to book-room page, caught this " SyntaxError {
stack: 'SyntaxError: Unexpected token \'i\', "internal s"... is not valid JSON',
message: 'Unexpected token \'i\', "internal s"... is not valid JSON'
}" error, everything is exactly the same, don't know where went wrong. can anyone help, please!!!

[yuktakhandelwal]

Hey i made this project by your playlist but some errors r coming nd project is not running can you please help me in solving those errors

[mohamedazizhaddad]

If I may ask, your previous project turotial "FullStack e-commerce tutorial" was it with next js 13 or 14 ?? I remember I followed it and I remember it was 14, now I see it 13, thats why I am confused

[derrarfaroukabdelhadi]

Hey bro pelasse tell me Is This Project Complete ?