Test Sales Page screenshot

Test Sales Page

Author Avatar Theme by Datagrove
Updated: 15 Apr 2024
22 Stars

A site for accepting orders and stripe payments for digital items.

Categories

Overview

Creating an online store to sell digital products can be a daunting task, especially with the myriad of tools available today. However, the combination of Astro.build, Stripe, SolidJS, Supabase, and Cloudflare offers a robust, yet straightforward solution for anyone looking to set up a digital sales channel without incurring excessive costs. This powerful stack brings together modern technologies that streamline the process of launching a storefront while ensuring a smooth customer experience.

With a focus on usability and simplicity, this approach enables users to leverage cutting-edge open-source tools, making it accessible even for those who may not have extensive programming knowledge. The setup instructions provided are clear and methodical, allowing for a hassle-free establishment of an online selling platform.

Features

  • Easy Installation: Clone the repository and run npm install to get started quickly, with simple steps to run the project locally.
  • Stripe Integration: Easily create a Stripe account and connect it to your site, allowing for secure payment processing with only test mode initially activated.
  • Supabase Database: Utilize Supabase for backend data storage, enabling dynamic management of product information and customer details with your project’s public API key.
  • Cloudflare Hosting: Seamlessly deploy your site using Cloudflare Pages linked to your Git repository, ensuring high performance and reliability.
  • Webhook Setup: Integrate Stripe webhooks to automatically update your product status in Supabase upon successful payments, enhancing your order management.
  • Local Testing: Take advantage of built-in support for local payments and webhooks, ensuring your environment mirrors production for effective testing.
  • Open Source Packages: Build your solution on a foundation of well-regarded technologies like Astro, SolidJS, and Tailwind CSS, ensuring a modern, responsive design.