Let’s Create Your Own GLB Site
Step-by-Step Guide
Step 1: Create a new Github Account here
We will create a Github Pages website for you. You only get 1 per account (with root access). Lets use a new account to keep things clean.
Step 2: Login here with your new Github Account
You should see your new Github Account logged in on the top right of this page.
Step 3: Create Website (This will Clone my Website Template)
Click "Clone Website" to set up your site and create a repo for your 3D models.
Step 4: Check Setup Status
Website Status: Waiting to start...
GLB Repo Status: Waiting to start...
Step 6: Set Up Supabase (its free)
Step 1: Go to Supabase. We need this to enable logins.
Step 2: Sign in with GitHub and authorize the Supabase app.
Step 3: Create a new organization. Call it anything you want.
Step 4: Create a new project. Call this anything you want.
Step 5: Within your Supabase project, navigate to > Authentication > URL Configuration. Change http://localhost:3000 to your GitHub Pages website URL (its in Step 5 above).
Step 6: Within your Supabase project, navigate to > Authentication > Sign In / Up. Scroll down, find GitHub, and enable it. Leave this page open and continue to Step 7.
Step 7: Set Up GitHub OAuth
Step 1: Go to GitHub Developers Setting to create a New OAuth App.
Step 2: Fill in:
- Application Name: Anything you want.
- Homepage URL: Your GitHub Pages URL (its in Step 5 above).
- Authorization Callback URL: Copy this from Supabase Callback URL (for OAuth).
Step 3: Click "Register application," then "Generate a new client secret." Copy the Client ID and Client Secret.
Step 4: Return to Supabase > Authentication > Providers > GitHub. Paste the Client ID and Secret, and save.
Step 8: Apply OAuth to Website
Step 1: On Supabase, go to Project Settings > Data API.
Step 2: Copy and paste the Project URL and anon public Project API Key in the boxes below.
Step 3: Click Apply to update your site’s OAuth.
Step 9: Upload Your Models
Once applied, visit your portal to upload models and click on publish to share it with glb.tools.