Gumroad Clone | Production Site

Simple clone of Gumroad utilizing Square's checkout API, Firebase Authentication, Firestore Database, and Clouflare Zero Trust for securing the admin panel. Fully serverless hosted on Cloudflare Pages & Workers to save myself the 10% commission Gumroad takes

Deployment

Begin by cloning the repository to your local machine and pushing to your own repository:

git clone https://github.com/chrismuntean/Gumroad-Clone.git

Configure environment variables

Format for .env file

SQUARE_ACCESS_TOKEN=<YOUR_SQUARE_ACCESS_TOKEN>
SQUARE_LOCATION_ID=<YOUR_SQUARE_LOCATION_ID>

Configure firebase-init.js with your own details

const firebaseConfig = {
  apiKey: "<YOUR_API_KEY>",
  authDomain: "<YOUR_AUTH_DOMAIN>",
  projectId: "<YOUR_PROJECT_ID>",
  storageBucket: "<YOUR_STORAGE_BUCKET>",
  messagingSenderId: "<YOUR_MESSAGING_SENDER_ID>",
  appId: "<YOUR_APP_ID>",
  measurementId: "<YOUR_MEASUREMENT_ID>"
};

TIPS:

• Sign up as a developer with Square to get a access token and location ID at developer.squareup.com
• Get your Firebase configuration information at console.firebase.google.com

Connect with Cloudflare Pages

To deploy easily with Cloudflare connect Cloudflare to your GitHub account and deploy the main branch. And configure your environment variables manually in the dashboard.

I'll finish this documentation later if I remember, sorry if I don't!