GitHub Login

Learn how to set up GitHub authentication with Supabase in your ShipNow application.

Create GitHub OAuth Application

Go to GitHub OAuth Applications and click "New OAuth App"

Configure GitHub OAuth Application

Register Application

Fill in the application details:

Application name: Your app name
Homepage URL: Your app URL
Authorization callback URL:
- If you are using Auth.js, add the following:
  http://localhost:3000/api/auth/callback/github
  Replace http://localhost:3000 with your app's URL
- If you are using Supabase, add the following:
  https://[YOUR_PROJECT_ID].supabase.co/auth/v1/callback
  Replace [YOUR_PROJECT_ID] with your Supabase project ID
Click "Register application"

Register OAuth application

Generate Client Secret

After creating the application, you'll see the Client ID
Click "Generate a new client secret" to create a Client Secret
Save both the "Client ID" and "Client Secret" for the next step

Generate client secret

If you are using Auth.js

Add the "Client ID" and "Client Secret" to your .env.local file.
Enable the GitHub provider by setting NEXT_PUBLIC_AUTH_GITHUB_ENABLED to true.

.env.local

AUTH_GITHUB_CLIENT_ID="your-client-id"
AUTH_GITHUB_CLIENT_SECRET="your-client-secret"
 
NEXT_PUBLIC_AUTH_GITHUB_ENABLED=true

If you are using Supabase, go to Supabase GitHub Login Configuration

Check "GitHub enabled"
Add the "Client ID" and "Client Secret" from the previous step
Click "Save"

Add credentials to Supabase

Go to your app and click the "Sign in" button, then click "Sign in with GitHub"

Sign in with GitHub

You will be redirected to GitHub login page, after authenticating you will be redirected back to your app

GitHub login page

Google Login

Learn how to set up Google authentication with Supabase in your ShipNow application.

Stripe

Learn how to configure pricing plans and integrate Stripe payments in your ShipNow application.