Simple Tailwind & Stripe eCommerce
Tags: ecommerce, stripe, django, opensource
Published: 2024-04-01 16:50:44

---
title: Simple Tailwind & Stripe eCommerce
published: true
description: A simple, yet powerful eCommerce CMS Starter, powered by Stripe, Tailwind, and Django - actively supported by AppSeed.
tags: ecommerce, stripe, django, opensource 
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/soyh0l1pv9ap00fqlvj7.jpg
canonical_url: https://appseed.us/product/rocket-ecommerce/django/
---
Hello Coders! This article presents [Rocket eCommerce](https://appseed.us/product/rocket-ecommerce/django/), a simple yet powerful CMS Starter, that aims to help small businesses sell physical and digital products online with minimal effort and costs using **Stripe** as the payment processor and **Tailwind** for styling.

👉 LIVE Demo: [Rocket eCommerce](https://rocket-ecommerce.onrender.com)

> NOTE: The [source code](https://github.com/app-generator/rocket-ecommerce) can be downloaded from GitHub (public repository) for those interested in `trying the product before buying`.

---

The advantages of using this product compared with the classic ones like Shopify, WooCommerce or Medusa are simplicity, low costs, and the possibility to extend the core features via a custom development effort that any developer can do.

![Rocket eCommerce - the HOMEpage.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qo6clqsawrnalipf8vd4.png)

---

## How it works

The [source code](https://github.com/app-generator/rocket-ecommerce) (published on GitHub) needs to be connected to the Stripe Service via the API keys and the first step is to import the products using the ADMIN account:

![Rocket eCommerce - Stripe Products Import](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/klgks5t3jsdorpp63y1w.png)

Each Stripe product can be mapped to a local product and published on the website by adding local properties, more images, a complete description, and tags.

![Rocket eCommerce - Edit Local Product ](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/taonit9us957ry0u6ysc.png)

---

Besides the **MAIN image pulled from Stripe**, the user can upload other 5 images and also edit each one using a simple image editor:

![Rocket eCommerce - Crop, edit Images](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2ibfd7jqc9hs8e16aj5d.png)

---

The ADMIN is also able to manage all users and reset their passwords using a simple UI as shown below:

![Rocket eCommerce - ADMIN, edit users.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/b0v47mm410j0bqasat9u.png)

---

## Site Settings

Being ADMIN, you can also customize other things like site name, and copyright, both visible in the page titles and footer.

The social links (Facebook, Instagram, and Twitter) once edited, are visible in the website footer: 

![Rocket eCommerce - ADMIN, site Settings](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/06ni3z7g08qmgqpy9xmr.png)

The effect of these settings is visible in the service footer:

![Rocket eCommerce - ADMIN, social links.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/uoh87emm820bfneolr7w.png)

--- 

The content pages like [Terms & Conditions](https://rocket-ecommerce.onrender.com/terms/), [Privacy](https://rocket-ecommerce.onrender.com/privacy/), and **Help** are editable using a visual HTML editor:

![Rocket eCommerce - ADMIN, edit content pages.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nig8luspb4j2wsn58jhi.png)

---

## Product Screens

![Rocket eCommerce - Product Page.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/r9yvhqyun92p5u5jttd6.png)

---

> Rocket eCommerce - [Search](https://rocket-ecommerce.onrender.com/search/) Page

![Rocket eCommerce - Search Page.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ur8r9i4frb92tq15u4j0.png)

---

> Rocket eCommerce - [Checkout](https://rocket-ecommerce.onrender.com/cart/) Page 

![Rocket eCommerce - Search Page](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lmfn63dgragteaexfbcm.png)

The payment flow can be tested by using a Stripe Test Card information **4242 4242 4242 4242** as shown below.

![Rocket eCommerce - Payment Page (powered by Stripe)](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/f1yg9l2sesqggzc1775v.png)

---

The product is continuously updated based on the user's feedback and issues reported on GitHub.

> `Thanks for reading`! For more starters and support, feel free to access:

- 👉 Access [AppSeed](https://appseed.us/) for more starters and support
- 👉 Build apps with [Django App Generator](https://app-generator.dev/django/) (free service)