https://github.com/seundede/nextjs-e-commerce
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.
https://github.com/seundede/nextjs-e-commerce
firebase next next-auth react redux tailwindcss
Last synced: 3 months ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/seundede/nextjs-e-commerce
- Owner: Seundede
- Created: 2022-02-08T07:22:24.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2022-04-15T20:54:20.000Z (about 4 years ago)
- Last Synced: 2026-01-03T15:28:08.575Z (6 months ago)
- Topics: firebase, next, next-auth, react, redux, tailwindcss
- Language: JavaScript
- Homepage: https://nextjs-e-commerce-coral.vercel.app/
- Size: 1.15 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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](https://nextjs-e-commerce-coral.vercel.app/)
## 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
```bash
npm -v
node -v
```
1. Clone the repo
```bash
git clone https://github.com/Seundede/Nextjs-E-commerce.git
cd Nextjs E-commerce
```
2. Install the dependencies
```bash
npm install
```
3. Create a new firebase project and fill in the .env file in your root directory with the appropriate API keys.
```bash
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
```bash
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)