Test Sales Page

screenshot of Test Sales Page
astro
solid
tailwind
supabase

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

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.
astro
Astro

Astro is the all-in-one web framework designed for speed. Pull your content from anywhere and deploy everywhere, all powered by your favorite UI components and libraries.

solid
Solid

SolidJS is a declarative JavaScript library for building user interfaces, offering a reactive programming model for efficient updates. It stands out for its reactivity system that minimizes unnecessary re-renders and its small bundle size, making it a performant choice for developing lightweight and reactive web applications.

tailwind
Tailwind

Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.

supabase
Supabase

Supabase is an open source Firebase alternative. Start your project with a Postgres database, Authentication, instant APIs, Edge Functions, Realtime subscriptions, and Storage.

fullstack
Fullstack

A fullstack boilerplate provides a starter application that includes both frontend and backend. It should include database, auth, payments, user roles and other backend services to build a fully featured saas or webapps.