Home
Softono

Payload Ecommerce Template

Open source MIT TypeScript
Website GitHub
165
Stars
83
Forks
1
Issues
1
Watchers
6 months
Last Commit
E-commerce Platforms HTML CSS & Website Templates

 About Payload Ecommerce Template

E-commerce platform template using PayloadCMS, Next.js, TypeScript and TailwindCSS for modern online stores. Includes payment and delivery integrations

Platforms

Web Self-hosted

Languages

TypeScript

Links

Website Source Code

Need Help Installing Payload Ecommerce Template?

We provide expert installation service for this software. Our team will install, configure, and secure Payload Ecommerce Template on your server. plans start at just $30.

Hire an Expert
Published by
mandala-software-house
Visit View Profile

Payload Ecommerce Template

View on GitHub

Payload Ecommerce Template

A modern ecommerce storefront powered by Payload and Next.js. This template provides all the essential features to build and manage a beautiful online store.

🌐 Live demo

You can access the live demo of the template at https://ecommerce.mandala.sh/en.

✨ Features

  • Modern Storefront: A beautiful and fast storefront built with Next.js and Tailwind CSS.
  • Powerful Admin Panel: Manage your products, orders, and customers with the powerful Payload admin UI.
  • Product Management: Easily add and manage products with variants (size, color, etc.).
  • Shopping Cart & Checkout: A complete and secure checkout flow.
  • User Accounts: Customers can create accounts to view their order history and manage their profiles.
  • SEO Friendly: Pre-configured for search engine optimization.
  • Multi-language: Supports multiple languages out of the box.
  • Payments and Shipping: Supports payments and shipping out of the box.
  • Customizable: Easily extend and customize the design and functionality to fit your brand.

📸 Screenshots

  • Example storefront Example storefront

  • Admin panel Dashboard Admin panel Dashboard

🚀 Getting Started

Follow these steps to get your ecommerce store up and running on your local machine.

Installation & Setup

  1. Clone the repository:

    git clone https://github.com/Mandala-Software-House/payload-ecommerce-template.git
cd payload-ecommerce

  2. Install dependencies:

    pnpm install

  3. Set up environment variables:

    Copy the example environment file. If .env.example does not exist, create a new file named .env.

    cp .env.example .env

    Now, open the .env file and fill in the required variables, especially your MONGODB_URI and PAYLOAD_SECRET.

  4. Run the development server:

    pnpm dev

  5. Access your store:

    When you first visit the admin panel, you will be prompted to create your first admin user.

Usage

  • Managing Products: Go to the /admin panel, navigate to the 'Products' collection to add, edit, or remove products.
  • Viewing Orders: Customer orders will appear in the 'Orders' collection in the admin panel.
  • Customizing Pages: You can edit pages like 'About Us' or create new ones using the 'Pages' collection.

Feel free to explore the admin panel to discover all the features!