DEV Community

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

Posted 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 Sample - Soft UI Design (Free Sample) | AppSeed

FastAPI & Stripe Mini eCommerce

Open-source mini eCommerce project 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.


Features

Status Item info
βœ… FastAPI For backend logic
βœ… Stripe Payment processor
βœ… Soft UI Design (Free Version) by Creative-Tim
βœ… JSON Products definition - see sample
βœ… Automatic Products Discovery Source DIR: templates\products
βœ… Deployment Docker
❌ CI/CD Render Deployment Platform

✨ Video Presentation

fastapi-stripe-ecommerce.mp4

✨ 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.


FastAPI & Stripe mini eCommerce - Open-Source Starter provided by AppSeed.


✨ Manual Build

The process is basically the usual set up for any…

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.


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

Top comments (0)