Skip to content

This project is a sophisticated E-Commerce Webshop, including an Admin Dashboard, built with Next.js for frontend rendering, Stripe for secure payment processing, TypeScript for robust type checking, and Payload CMS for seamless content management.

Notifications You must be signed in to change notification settings

pranav-k-jha/e-commerce-ts-next-payload-cms

Repository files navigation

E-Commerce Webshop with Admin Dashboard using Next.js, Stripe, TypeScript, and Payload CMS

Screenshot 2024-04-15 at 11 43 55 PM

Introduction

This project is an E-Commerce Webshop built using Next.js, Stripe for payment processing, TypeScript for type safety, and Payload CMS for content management. It includes an Admin Dashboard for managing products, orders, and other aspects of the store.

Technologies Used

  • Next.js 14: A React framework for building server-side rendered and statically generated web applications.
  • Stripe: A payment processing platform for online transactions.
  • TypeScript: A typed superset of JavaScript that enhances code quality and developer productivity.
  • Payload CMS: A headless content management system for managing website content.

Features

  • E-Commerce Webshop: Browse products, add them to cart, and checkout securely using Stripe.
  • Admin Dashboard: Manage products, categories, orders, and customer data.
  • Responsive Design: Ensures a seamless experience across devices.
  • TypeScript: Enhances code readability, maintainability, and reduces errors.

Getting Started

  1. Clone the repository:
  2. Navigate to the project directory: cd e-commerce-web-app
  3. Install dependencies: npm i
  4. Set up environment variables:
  • Create a .env file and add your Stripe API key, Payload CMS credentials, and other necessary variables.
  1. Start the development server:
  2. Open your browser and visit http://localhost:3000 to view the application and http://localhost:3000/admin for dashboard and manage application.

License

This project is licensed under the MIT License

Admin Dashboard

Screenshot 2024-04-15 at 11 46 07 PM

Login Page

Screenshot 2024-04-15 at 11 44 05 PM

Shopping Page

Screenshot 2024-04-15 at 11 44 20 PM

Cart Page

Screenshot 2024-04-15 at 11 44 43 PM

Order Confirmation Page

Screenshot 2024-04-15 at 11 45 40 PM

About

This project is a sophisticated E-Commerce Webshop, including an Admin Dashboard, built with Next.js for frontend rendering, Stripe for secure payment processing, TypeScript for robust type checking, and Payload CMS for seamless content management.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published