Filament: Login with Google/Facebook

In this example, you will find the following logic:

• Install Socialite
• Filament theme hooks to extend the login page and add two login buttons
• Custom Controller to handle the Social Login redirect and callback
• Two fields on the User model to store the Social Login ID

First, we need to install Socialite:

composer require laravel/socialite

Then, we can start adding our implementation. We will start with the Filament theme hooks to extend the login page and add two login buttons:

app/Providers/Filament/AdminPanelProvider.php

return $panel
    // ...
    ->renderHook(
        'panels::auth.login.form.after',
        fn() => view('auth.socialLogin')
    );

Then, we need to create the view...