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-appyarn create next-app --example with-tailwindcss with-tailwindcss-apppnpm create next-app --example with-tailwindcss with-tailwindcss-app
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent