DEV Community

Cover image for Stripe, FastAPI, Bootstrap 5 - Free eCommerce
Sm0ke
Sm0ke

Posted on • Edited on • Originally published at admin-dashboards.com

Stripe, FastAPI, Bootstrap 5 - Free eCommerce

Hello Coders!

This article presents a simple eCommerce Starter powered by Stripe & FastAPI (for the backend logic), and Bootstrap 5 (for styling). The goal of this starter is to help programmers bootstrap fast a decent and secure eCommerce solution with minimal effort. Being open-source and released under the MIT license, the codebase can be easily extended, incorporated in commercial projects, or used in eLearning activities.

Thanks for reading!

A strong point of this project is the UI Kit provided by Creative-Tim, a well-known agency, that released the design for free. Soft UI Design, comes with 50+ components and reusable widgets for at least a decent eCommerce project.


✨ Product Highlights

This mini eCommerce loads the products from JSON files saved in the templates directory and build dynamic pages based on this minimal information.

  • βœ… Backend: FastAPI
  • βœ… Payments: Stripe
  • βœ… Design: Soft UI Design (free version)
  • βœ… Deployment: Docker
  • βœ… Secure by default: No database is used
  • βœ… MIT license

The minimal information required for a product definition can be found below:

{
    "name": "Air ZOOM Pegasus",
    "price": 499,
    "currency": "usd",
    "short_description": "A workhorse built to help ..(truncated)..",
    "full_description": "A workhorse built to help power ..(truncated).."
}
Enter fullscreen mode Exit fullscreen mode

GitHub logo app-generator / ecommerce-fastapi-stripe

FastAPI & Stripe Integration - Open-source eCommerce Starter | App-Generator.dev

FastAPI & Stripe Mini eCommerce

Open-source eCommerce Starter that loads the products from JSON files saved in the templates directory (no database required) and uses a decent UI for page styling - Powered by FastAPI & Stripe.



Quick Start in Docker

πŸ‘‰ Step 1 - Download the code from the GH repository (using GIT)

$ git clone https://github.com/app-generator/ecommerce-fastapi-stripe.git
$ cd ecommerce-fastapi-stripe
Enter fullscreen mode Exit fullscreen mode

πŸ‘‰ Step 2 - Start the APP in Docker

$ docker-compose up --build 
Enter fullscreen mode Exit fullscreen mode

Visit http://localhost:5085 in your browser. The app should be up & running.


✨ Manual Build

The process is basically the usual set up for any Python app: environment set up, dependencies install, and bootstrap.

πŸ‘‰ Step 1 - Download…

If your workstation has Docker installed, the product can be started via a single command typed in the terminal (make sure you're at the root of the sources).

$ docker-compose up --build 
Enter fullscreen mode Exit fullscreen mode

Once this command finishes the execution, the app should be up & running in the browser.

FastAPI & Stripe - Open-Source eCommerce.


πŸ‘‰ For more FastAPI Resources please access:

Top comments (0)