Simple Tailwind & Stripe eCommerce
Sm0ke

Sm0ke @sm0ke

About: #Automation, my favorite programming language

Location:
Constanta, Romania
Joined:
Apr 4, 2019

Simple Tailwind & Stripe eCommerce

Publish Date: Apr 1 '24
5 1

Hello Coders! This article presents Rocket eCommerce, 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

NOTE: The source code 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.


How it works

The source code (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

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


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


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.


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

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

Rocket eCommerce - ADMIN, social links.


The content pages like Terms & Conditions, Privacy, and Help are editable using a visual HTML editor:

Rocket eCommerce - ADMIN, edit content pages.


Product Screens

Rocket eCommerce - Product Page.


Rocket eCommerce - Search Page

Rocket eCommerce - Search Page.


Rocket eCommerce - Checkout Page

Rocket eCommerce - Search Page

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)


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:

Comments 1 total

  • Matthew Gordon
    Matthew GordonApr 3, 2024

    Winning the lottery is what I've always dreamt of, I tried so hard to win big but no avail, until a friend of mine told me about Dr Benjamin who had helped her strike a jackpot, when I first contacted him I was so skeptical about it but after he assured me that he will help me win, my hope came alive. The follow day he undergone me through some processes which I did with utmost trust and diligence, he gave me some lottery numbers and instructed me to purchase a lottery ticket, later that same day I purchased $50 ticket for the 500X The Cash scratch-off game and hit on one of its 160 prizes of $1 million. The Lottery said he chose to receive his winnings as a one-time, lump-sum payment of $820,000 and bought the ticket from  Riverwalk BP at 1304 Prudential Drive and I won the sum of $1,000,000. All thanks to Dr Benjamin for making my dream come through, he can help too contact him today at drbenjaminlottospell711@gmail.com or whatsapp him +17066036031 You can visit his website for more info dr-benjamin.com

Add comment