Ecommerce App with Next.js, Sanity.io, and NextAuth.js

This repository contains the source code for an Apple based ecommerce web application built with Next.js, Sanity.io, and NextAuth.js. The app allows users to browse apple products, add them to the cart, and proceed to checkout. It also includes authentication using Google provider through NextAuth.js.

Technologies Used

• Frontend:

  • Next.js: React framework for building server-side rendered React applications.
  • Tailwind CSS: Utility-first CSS framework for styling.
  • Redux: State management

• Backend:

  • Sanity.io: Headless CMS for managing product data.

• Authentication:

  • NextAuth.js: Authentication library for Next.js applications, supporting various authentication providers including Google.

Features

• Browse products: Users can view a list of products with details.
• Add to cart: Users can add products to their shopping cart.
• Authentication: Users can sign up/sign in using Google provider.
• Checkout: Users can proceed to checkout and complete their purchase using stripe for payment.

Getting Started

To get a local copy of the project up and running, follow these steps:

1. Clone this repository.
2. Install dependencies by running npm install or yarn install.
3. Set up environment variables for Sanity.io and NextAuth.js.
4. Run the development server with npm run dev or yarn dev.
5. Open http://localhost:3000 to view the app in your browser.

Screenshots