PetSoft
PetSoft is een geavanceerde applicatie gebouwd met React en Next.js voor dierenopvangcentra. Dit is de zesde en laatste app gebouwd aan de hand van de Professional React & Next.js cursus van ByteGrad. De app bevat volledige CRUD functionaliteit, optimistic UI, server actions, auth, betalingen en meer! Het stelt gebruikers in staat om bij te houden welke huisdieren momenteel in de opvang zijn ingecheckt. Gebruikers kunnen nieuwe huisdieren toevoegen, informatie over huisdieren bewerken en huisdieren uitchecken wanneer ze vertrekken. Dit zorgt voor een efficiënte administratie van huisdiergegevens en biedt een naadloze ervaring voor het opvangpersoneel.
Behandelde onderwerpen
- Shadcn UI
- Grid Layout
- Fetching Data in a server component
- Server Vs Client Components
- CRUD Actions
- Shadcn UI Modal
- Prisma Setup + Seed
- Get Data from Database (Prisma Client)
- Server Actions
- RevalidatePath
- UseFormStatus
- Error State (Sonner Toast)
- UseTransition for Server Actions
- UseOptimistic for Optimistic UI
- React-Hook-Form
- Validation with Zod
- Infer TypeScript Types from Zod
- Zod on Server (Reuse Schema)
- Auth Pages (Nested Layout)
- JWT (JSON Web Tokens) And Cookies
- Sessions
- JWT Vs Database Sessions
- Edge Network (Middleware)
- Middleware In NextJS
- Add User To Database
- Next-Auth Configuration
- Redirect Rules
- Authorization on CRUD Actions
- Payments In NextJS With Stripe
- Stripe Webhooks
- Change SQLite To Vercel Postgres For Production
- Deploy To Vercel
