Prostore screenshot

Prostore

Author Avatar Theme by Bradtraversy
Updated: 30 Jul 2025
321 Stars

A modern ecommerce platform built with Next.js, TypeScript, Postgres, Prisma & ShadCN

Categories

Overview

Prostore is a full-featured eCommerce website built with Next.js, TypeScript, PostgreSQL, and Prisma. It offers a comprehensive set of features for managing an online store. The project is part of the Next.js Ecommerce course by Traversy Media.

Features

  • Next Auth authentication
  • Admin area with stats & chart using Recharts
  • Order, product, and user management
  • User area with profile and orders
  • Stripe API integration
  • PayPal integration
  • Cash on delivery option
  • Interactive checkout process
  • Featured products with banners
  • Multiple images using Uploadthing
  • Ratings & reviews system
  • Search form (customer & admin)
  • Sorting, filtering & pagination
  • Dark/Light mode

Installation

  1. Install Dependencies:
npm install
  1. Environment Variables:
  • Rename the .example-env file to .env and add the following:
    • PostgreSQL Database URL
    • Next Auth Secret
    • PayPal Client ID and Secret
    • Stripe Publishable and Secret Key
    • Uploadthing Settings
    • Resend API Key
  1. Run:
npm run dev
  1. Prisma Studio: To open Prisma Studio, run the following command:
npx prisma studio
  1. Seed Database: To seed the database with sample data, run the following command:
npx prisma db seed

Summary

Prostore is a robust eCommerce website built with modern technologies for a seamless online shopping experience. With features like authentication, order and product management, payment integrations, and a user-friendly interface, Prostore provides a solid foundation for launching an online store. By following the installation guide and configuring the necessary environment variables, users can quickly set up and customize the platform to meet their specific requirements.