Bogetta is a fully functional e-commerce platform that specializes in high-quality, luxury sunglasses. The website is created using modern technologies to make sure that customers have a smooth and safe shopping experience online.
Bogetta is built with the following dependencies:
stripe
Next.js 13
TypeScript
Prisma
PostgreSQL
Tailwind
Zustand
While building Bogetta, the I learned a lot of things such as:
- Framer Motion: AnimatePresence
- The new method for fetching data in Next.js 13
- How to create schemas that connect with each other.
- Connect NextAuth.js with Prisma as Google authentication.
- Fetching data with the API routes and how to handle incoming requests.
- Use NextAuth.js, connected with Google Cloud, for Google authentication.
- How to create a payment intent via Stripe and add it to the Prisma schema
- What Stripe webhooks are and how to use them to get real-time updates on payment status changes.
- How to create a hydrate component to ensure the client and server are in sync when rendering pages
And much more!