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 Django & Stripe.
- Django mini eCommerce sources (this repo)
- Rocket eCommerce - PRO Version
- ✅ Stripe Integration
- ✅ Checkout, Discounts Page
- ✅ Tags, Categories
- ✅ Analytics
- ✅ Generated Sitemap
👉 Download the code from the GH repository (using
GIT)
$ git clone https://github.com/app-generator/ecommerce-django-stripe.git
$ cd ecommerce-django-stripe👉 Create
.envusing providedenv.sample
Add .env file in your projects root directory and add the following credentials
DEBUG=True
SECRET_KEY=
STRIPE_SECRET_KEY=
STRIPE_PUBLISHABLE_KEY=
DOMAIN_URL=
👉 Install dependencies
$ python -m venv env
$ source env/bin/activate
$ pip install -r requirements.txt👉 Migrate DB & Start the APP
$ python manage.py migrate
$ python manage.py runserverVisit http://localhost:8000 in your browser. The app should be up & running.
👉 Access the products and initiate a payment
IMPORTANT: Make sure your Stripe account is running in TEST Mode and Use Test CC provided by Stripe:
- CC Number:
4242 4242 4242 4242 - Any data for the rest of the fields
- Go to
products/templates/productsdirectory - Create a new
JSONfile with data:name: Used in product page & Cardsprice: Used for paymentcurrency: Used for paymentinfo: used in cardsshort_description: used in product pagefull_description: used in product page
- Create Media Files
- Go to
products/static/products - Create a directory using the same name as for
JSONfile- Create
card.jpg: 500x335px - Create
cover.jpg: 2100x1400px
- Create
- Go to
- Start or refresh the app
- The new product should be listed in the
homepage - Product page is available at address:
http://127.0.0.1:8000/product/<SLUG>/where the SLUG is the name of the JSON file
- The new product should be listed in the
- Go to
Create Productroute inProductsdropdown [You must be a superuser] - On the left side there should be a button
Get Products From Stripethis button will pull all the products associated with the stripe account. demo- There will be product list, you can create a product by clicking the
Createbutton. demo
- There will be product list, you can create a product by clicking the
- On the right side you will see the local product list and a button
Edit.- You can edit a product from here. [ID is not editable] demo
Sample product page generated for Air ZOOM Pegasus, assets loaded from here
Need More? Go PRO with Rocket eCommerce
Production-ready eCommerce CMS integrated with Stripe, Analytics, Discounts Page, Docker and CI/CD support - Actively supported by App-Generator.
| Status | Item | info |
|---|---|---|
| ✅ | Stack | Django, Tailwind, React |
| ✅ | Payments | Stripe |
| ✅ | Categories | YES |
| ✅ | Tags | YES |
| ✅ | Checkout | YES |
| ✅ | Discounts Page | YES |
| ✅ | Products Import | Stripe |
| ✅ | Products Local Customization | YES |
| ✅ | Analitycs | Weekly, Monthly, Year Sales |
| ✅ | Transactions Tracking | YES |
| ✅ | Docker | YES |
| ✅ | CI/CD | Render |
Django & Stripe Mini eCommerce - Open-source eCommerce Starter provided by App-Generator.
