Fully responsive Amazon Clone Application made using Next.js. It is a web application where a real payment system is created using Stripe checkout, the relevant orders are registered to the firestore database using webhooks, and Redux is used as global state management.
To create an clone site with ReactJS, NextJS, Redux, Webhooks, Stripe Checkout, NextAuth, Firestore and TailwindCSS
|----README.md
├── lib
│ └── index.js
├── public
│ ├── favicon.ico
│ └── vercel.svg
├── src
│ ├── app
│ │ └── store.js
│ ├── components
│ │ ├── Banner.jsx
│ │ ├── CheckoutProduct.jsx
│ │ ├── Header.tsx
│ │ ├── Order.jsx
│ │ ├── Product.jsx
│ │ └── ProductFeed.jsx
│ ├── pages
│ │ ├── api
│ | | ├── auth
│ | | | └── [...nextauth].js
│ | | ├── create-checkout-session.js
│ | | └── webhooks.js
│ │ ├── _app.js
│ │ ├── checkout.jsx
│ │ ├── index.js
│ │ ├── orders.jsx
│ │ └── success.jsx
│ ├── slices
│ │ └── basketSlice.ts
│ └── styles
│ └── global.css
├── next.config.js
├── .env
├── jsconfig.json
├── package-lock.json
├── package.json
├── permission.json
├── postcss.config.js
└── tailwind.config.js
Check The Live Website ➡️ Live Website
- Next.js
- React Components, Props, States and Hooks
- Redux
- Webhooks
- Stripe Checkout
- API GET requests
- JSX Elements
- TailwindCSS
- NextAuth
- Firestore Database
Use the Npm package manager install command.
npm install
- Author - [Murat Hüdavendigâr]
Execute create-next-app
with npm, Yarn, or pnpm to bootstrap the example:
npx create-next-app --example with-tailwindcss with-tailwindcss-app
yarn create next-app --example with-tailwindcss with-tailwindcss-app
pnpm create next-app --example with-tailwindcss with-tailwindcss-app