1

Setup Google Developer Console

  1. Create a Google Developer account.
  2. Follow the documentation for creating an OAuth 2.0 Client ID in Google.
  3. Obtain a Client ID and Client Secret from Google OAuth. Be sure to set the redirect URL to your application handling the Nile Auth requests. If you are running locally and used the routes generated by @niledatabase/server, the redirect URL is http://localhost:3000/api/auth/callback/google.
2

Save Client ID and Client Secret in Nile

Save them to your database at console.thenile.dev under Google in Tenants & Users -> Configuration
Google configuration on console.thenile.dev
3

Add the `Google` button to your login page

The button will redirect the user to Google for authentication. Upon successful authentication, the user will be redirected back to your application.
import { Google } from '@niledatabase/react';

function App() {
  return (
    <div>
      <Google callbackUrl="/" />
    </div>
  );
}