Xano - GitHub OAuth extension demo

Xano's GitHub OAuth extension makes it easy to allow your users to sign up and log in to your app using their GitHub accounts. Follow these step-by-step instructions to set up the extension and integrate it into your application.

Step 1: Install the GitHub OAuth Extension

1. Visit the Xano Marketplace and find the GitHub OAuth extension.
2. Click the "Get Extension" button and follow the prompts to purchase and install the extension for your Xano workspace.

Step 2: Configure the Extension with GitHub

1. Go to the GitHub Developer Settings and log in to your GitHub account.
2. Under "OAuth Apps," click "Register a new application."
3. Enter a name for your application and the homepage URL (it must be in HTTPS format).
4. For the "Authorization callback URL," enter the redirect URI specific to your application. If you're using the Xano live demo, you can find the appropriate URL in the dropdown.
5. Click "Register application" to create the OAuth app.
6. Copy the "Client ID" from the newly created app.
7. Go back to the Xano GitHub OAuth extension page and click "Configure."
8. Paste the Client ID into the corresponding environment variable field.
9. In the GitHub app settings, click "Generate a new client secret" under "Client Secrets."
10. Copy the generated client secret and paste it into the matching environment variable field in Xano.
11. Click "Update" in Xano to save the configuration.

Step 3: Explore the Live Demo

1. Navigate to the live demo page provided by Xano for the GitHub OAuth extension.
2. Click "Test with My Xano Account" and enter the base URL for your Xano API when prompted.
3. Review the final instructions and update the redirect URI if necessary.
4. Test the integration by clicking "Continue with GitHub" to initiate the GitHub OAuth flow.

Step 4: Integrate into Your Application

1. Use the provided API endpoints and documentation to integrate the GitHub OAuth functionality into your application's sign-up and login flows.
2. Customize the user experience as needed, such as redirecting users to the appropriate pages after successful authentication.

By following these steps, you can easily enable GitHub OAuth authentication for your application using the Xano platform. This integration allows your users to sign up and log in seamlessly with their existing GitHub accounts, providing a convenient and secure authentication experience.