Добавить
Уведомления

Fullstack Hotel Management Website: Next.js 13, React, CMS, Sanity.IO, Tailwind Stripe | Deployment

Github: https://github.com/laribright/hotel-management In this 10-hour tutorial, we will build and deploy a hotel management system. Features: - Hotel Room Management CRUD with Sanity.IO - Hotel Room Review - Room Booking - Checkout with Stripe - Stripe webhook - Light / Dark Mode with React Context - Search (Room Type / Name) - Authentication with Auth.JS - Typescript - useSwr Hook - Deployment to Vercel - And lots more... Let's Connect ?? LinkedIn: linkedin.com/in/laribright/ Email: [email protected] Timestamps: 0:00 Intro - Demo 09:00 - New Project 14:35 - Layout 34:55 - Dark / White Theme 47:30 - Authentication Page Setup 01:01:54 Sanity CMS Integration 01:13:50 Environment Variables 01:16:40 Sanity Schemas (user, account, booking, hotelRoom, verificationToken) 01:52:30 Authentication with next auth (Github, Email, Google) 02:11:55 Toast Notification 02:14:11 Fixing Api folder error 02:15:28 - Authentication Continued 02:20:22 - Complete Schema 02:25:15 - Authentication Test 02:31:00 - Configuring jwt 02:40:30 - Custom classnames using tailwind directives 02:42:00 - Hero Section 03:07:28 - Search Feature 03:23:45 - Gallery Component 03:25:40 - NewsLetter Component 03:27: 15 - Featured Room 03:56:30 - Nextjs Loading Component 03:58:26 - Nextjs Error Component 04:02:20 - Rooms Page 04:31:00 - Room Details Page 06:03:21 - Create Booking API 06:13:51 - Middleware 06:16:00 Stripe Integration 06:38:38 Test Booking Payment 06:42:30 Webhooks 07:25:30 User Details Page 08:37:03 Rate Hotel Room 09:28:15 Display Hotel Room Rating 09:54:19 Git / Vercel / Deployment

Иконка канала Все о CSS
20 подписчиков
12+
2 года назад
27 ноября 2023 г.
12+
2 года назад
27 ноября 2023 г.

Github: https://github.com/laribright/hotel-management In this 10-hour tutorial, we will build and deploy a hotel management system. Features: - Hotel Room Management CRUD with Sanity.IO - Hotel Room Review - Room Booking - Checkout with Stripe - Stripe webhook - Light / Dark Mode with React Context - Search (Room Type / Name) - Authentication with Auth.JS - Typescript - useSwr Hook - Deployment to Vercel - And lots more... Let's Connect ?? LinkedIn: linkedin.com/in/laribright/ Email: [email protected] Timestamps: 0:00 Intro - Demo 09:00 - New Project 14:35 - Layout 34:55 - Dark / White Theme 47:30 - Authentication Page Setup 01:01:54 Sanity CMS Integration 01:13:50 Environment Variables 01:16:40 Sanity Schemas (user, account, booking, hotelRoom, verificationToken) 01:52:30 Authentication with next auth (Github, Email, Google) 02:11:55 Toast Notification 02:14:11 Fixing Api folder error 02:15:28 - Authentication Continued 02:20:22 - Complete Schema 02:25:15 - Authentication Test 02:31:00 - Configuring jwt 02:40:30 - Custom classnames using tailwind directives 02:42:00 - Hero Section 03:07:28 - Search Feature 03:23:45 - Gallery Component 03:25:40 - NewsLetter Component 03:27: 15 - Featured Room 03:56:30 - Nextjs Loading Component 03:58:26 - Nextjs Error Component 04:02:20 - Rooms Page 04:31:00 - Room Details Page 06:03:21 - Create Booking API 06:13:51 - Middleware 06:16:00 Stripe Integration 06:38:38 Test Booking Payment 06:42:30 Webhooks 07:25:30 User Details Page 08:37:03 Rate Hotel Room 09:28:15 Display Hotel Room Rating 09:54:19 Git / Vercel / Deployment

, чтобы оставлять комментарии