Aflați cum să construiți și să implementați un sistem de management hotelier cu Next.js, React, Sanity.io, Tailwind CSS și Stripe.
Caracteristici:
– Management Room Management CRUD cu Sanity.IO
– Revizuirea camerei de hotel
– Rezervarea camerei
– Checkout cu Stripe
– Webhook cu dungi
– Mod lumină/întuneric cu context React
– Căutare (Tip/Nume cameră)
– Autentificare cu Auth.JS
– Dactilografiat
– utilizați Swr Hook
– Desfășurare la Vercel
– Și multe altele…
💻 Cod: https://github.com/laribright/hotel-management
✏️ Curs creat de @codewithlari
⭐️ Cuprins ⭐️
0:00:07 Introducere și demonstrație
0:09:07 Proiect nou
0:14:42 Aspect
0:35:02 Tema întunecată/albă
0:47:37 Configurare pagină de autentificare
1:02:01 Integrarea Sanity CMS
1:13:57 Variabile de mediu
1:16:47 Scheme de sănătate (utilizator, cont, rezervare, camera de hotel, jeton de verificare)
1:52:37 Autentificare cu următoarea autentificare (Github, e-mail, Google)
2:12:02 Notificare toast
2:14:18 Remedierea erorii folderului Api
2:15:35 Autentificarea continuată
2:20:29 Schema completă
2:25:22 Test de autentificare
2:31:07 Se configurează jwt
2:40:37 Nume personalizate de clasă folosind directive vânt din spate
2:42:07 Secțiunea Eroilor
3:07:35 Funcția de căutare
3:23:52 Componenta Galerie
3:25:47 Componenta NewsLetter
3:27:22 Cameră recomandată
3:56:37 Componenta de încărcare Nextjs
3:58:33 Componenta eroare Nextjs
4:02:27 Pagina Camere
4:31:07 Pagina de detalii despre cameră
6:03:28 Creați API de rezervare
6:13:58 Middleware
6:16:07 Integrarea Stripe
6:38:45 Plata rezervării de test
6:42:37 Webhooks
7:25:37 Pagina de detalii utilizator
8:37:10 Tarif camera de hotel
9:28:22 Afișează evaluarea camerelor de hotel
9:54:26 Git / Vercel / Deployment
🎉 Mulțumim susținătorilor noștri Campion și Sponsor:
👾 davthecoder
👾 jedi-or-sith
👾 Nangong Qianying
👾 Agustín Kussrow
👾 Îl atrag pe Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Justin Hual
👾 Otis Morgan
👾 Oscar Rahnama
—
Învățați să codificați gratuit și obțineți un job de dezvoltator: https://www.freecodecamp.org
Citiți sute de articole despre programare: https://freecodecamp.org/news
Cursuri interesante:
- Next.js & Appwrite – Curs Full Stack pentru începători
- Tutorial site personal cu Next.js 13, Sanity.io, TailwindCSS și TypeScript
- Creați și implementați AI SaaS cu venituri recurente (Next.js, OpenAI, Stripe, Tailwind, Vercel)
- Tutorial pentru proiectare web pentru începători – Aplicație meteo cu Next.js, Tailwind CSS și TypeScript
- Curs React JS pentru începători – Tutorial 2021
- Tutorial Angular 11 – Codați un proiect de la zero
- Tutorial ASP.NET Core – Proiecte de la începător până la avansat
- Curs Django 3 – Cadrul web Python (+ panda, matplotlib și altele)
- Creați și implementați o clonă Instagram cu React și Firebase – Tutorial
- Construiți un magazin web – Angular, Node.js, TypeScript, Stripe