• Next.js
• Tailwind
• Stripe
• Redux
• Firebase
• FakeStore API

An e-commerce application that sources data from the Fake Store API. It uses SSR for home, checkout, and orders, with CSR for Product Previews via SWR. Stripe handles payments, and a custom hook in the api folder stores checkout data in Firebase. NextAuth provides Google OAuth and User Session, while Redux Toolkit manages state and Framer Motion adds animations for a complete UX.

Highlights:

• Server-Side Rendering (NextJS)
• Client-Side Rendering (SWR)
• Google OAuth Authentication (via NextAuth)
• Stripe Checkouts for Payments
• Stripe Webhooks for Order Management
• Firebase V9 for Data Storage
• Service Accounts (Node.js) for Firebase
• Code-Splitting for Performance