Nextjs E-commerce application

A digital platform and business model where you can buy products online. It was made with next js and stripe payment API for payment processing.

Demo

Technology stack

• Next js
• Redux
• Tailwind
• Firebase
• Next auth (authentication)
• Axios
• Stripe
• Vercel (deployment)

Getting started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.

Prerequisites

The following software is required to be installed on your system:

• Node
• Npm

Type the following commands in the terminal to verify your node and npm versions

npm -v
node -v

1. Clone the repo

git clone https://github.com/Seundede/Nextjs-E-commerce.git
cd Nextjs E-commerce

2. Install the dependencies

npm install

3. Create a new firebase project and fill in the .env file in your root directory with the appropriate API keys.

GOOGLE_ID=
GOOGLE_SECRET=
NEXTAUTH_URL=
NEXTAUTH_SECRET=
# Stripe
NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY=
STRIPE_SECRET_KEY=
STRIPE_SIGNING_SECRET=

4. Start the development server

npm start

5. This will open the website in your browser on http://localhost:3000
6. Use 4242 4242 4242 4242 as the test card number to make a purchase

Dependencies used:

1. Redux (state management)
2. Hero icons (icons)
3. Stripe (payment gateaway)
4. Tailwind (styling)
5. Axios (make HTTP request)
6. Firebase (backend)
7. Next-auth (authentication)
8. React currency formatter (formatting number)
9. React responsive carousel (customizable carousel component)