EVENTO
EVENTO is een full-stack applicatie gebouwd met React, Next.js en Tailwind CSS. Dit is de vijfde app gebouwd aan de hand van de Professional React & Next.js cursus van ByteGrad. Tijdens dit project worden Next.js fundamentals behandeld, maar wordt er ook kennis gemaakt met geavanceerde patronen. De app stelt gebruikers in staat om evenementen bij hen in de buurt te vinden. Gebruikers kunnen zoeken naar evenementen op basis van hun locatie, evenementdetails bekijken en zelfs routebeschrijvingen naar de evenementlocatie krijgen. De app biedt een naadloze ervaring voor het ontdekken van lokale evenementen en het op de hoogte blijven van wat er in de buurt gebeurt.
Behandelde onderwerpen
- Routing Strategy (Layout & Pages, Dynamic Routes, <Link>)
- Tailwind Styling
- NextJS Image Component
- Accent Color (Tailwind Config)
- Metadata (TypeScript Metadata Type)
- Active Link (Clsx, Framer Motion)
- When To Convert Server Component To Client Component
- NextJS <Link /> Component
- Page Params For Dynamic H1
- Fetch Data In Server Component
- Cn() Utility Function (Replace Clsx And Tailwind Merge)
- Get Slug from URL
- Reusable Hover Effect (Tailwind @Apple Rule)
- Client-Side Cache In NextJS (Router Cache)
- Cache And Loading.Tsx
- Data Cache And Revalidate
- Fetch Memoization In React and NextJS
- Setup SQLite With Prisma
- Replace Fetch API With Prisma Client
- Server-Side Pagination In NextJS
- Zod Validation
- Middleware (Redirecting)
- Static Vs Dynamic Rendering
- Pre Generating Popular Routes
- Prisma / ORM Caching with Unstable_cache
- Server-Only Utilities
- Using Postgres In Production
- Deployment To Vercel
