mirayatech / Bogetta

A full-stack e-commerce site focused on sunglasses 😎

Bogetta 👓

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.

Dependencies 🛠️

Bogetta is built with the following dependencies:

• stripe
• Next.js 13
• TypeScript
• Prisma
• PostgreSQL
• Tailwind
• Zustand

What I Learned 🧠

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!

🎥 Demo Video

Video.1.mov

📸 Demo Images