Django & Stripe eCommerce - Free Starter

Open-source starter powered by Django & Stripe that allows a quick build of a simple eCommerce using products from Stripe.

Mini eCommerce powered by Stripe and Django
Mini eCommerce powered by Stripe and Django 

Hello! This article presents an open-source mini eCommerce solution powered by Stripe and Django on top of an open-source kit styled with Bootstrap 5. The UI has been improved to support fast editing of any product defined in Stripe (information, pricing, and also images). Being released on GitHub the sources can be incorporated into commercial projects or simply used in eLearning activities. Thanks for reading!

Another useful feature of this project is the Bootstrap 5 design, provided by Creative-Tim. Soft UI Design, the UI Kit used to style the pages, comes with 50+ components and reusable widgets for at least a decent eCommerce project.

Django & Stripe - Free eCommerce 

How it works

To fully use the features of this starter, we need a Stripe account with a few products defined, and no more than 5 minutes to follow up the steps presented in the video:

  • โœ… Download or fork the product
  • โœ… Install the dependencies
  • โœ… Migrate the database and create a superuser
  • โœ… Save Stripe secrets in env file
  • โœ… Start the app & Authenticate as a superuser
  • โœ… Import the products and edit the local information

Being visual, the above steps should not take a long time, even for programming beginners. The left panel shows the Stripe products and the right panel is dedicated to local products. ย 

Editable fields for each product: name, description, short information and images.

For each image, the user can provide external links or local images saved by the Django backend.

Django & Stripe - Edit Products UI

Once a product is created, the user can visualize the generated page, edit the information and delete the product (requires confirmation).

Django & Stripe - Imported products layout.
Django & Stripe - Imported products layout.

Django & Stripe - Product Page
Django & Stripe - Imported product header.
Django & Stripe - Imported product header. 

Thanks for reading! For more resources and support, please access: