Laravel 8 Socialite Login with Google Account

Websolutionstuff | Dec-01-2020 | Categories : Laravel PHP

In this article, we will see laravel 8 socialite login with a google account. This post gives you an example of a laravel 8 socialite login with a google account and also you can gain knowledge about how to socialite log in with a google account in laravel 8 jetstreams.

Now a day's you can see different types of social logins like Gmail, Facebook, GitHub, etc. because now users can't fill sign up or sign-in forms and waste their time in form filling. So, this type of feature in the website adds and get more user on the website.

So, let's see socialite login with google in laravel 8 and laravel 7 socialite login with google.

How To Login With Google In Laravel 8


Step 1: Install Laravel 8

In this step, we will install laravel 8 for this laravel 8 socialite login with a google account.

composer create-project --prefer-dist laravel/laravel laravel_8_google_login


Step 2: Install JetStream

In this step, we will install jetstream. So, run the below command to install jetstream.

composer require laravel/jetstream

Now, we need to install livewire using the below artisan command and also we need basic authentication like login and registration.

php artisan jetstream:install livewire

Now, Install Node and run the package.

npm install
npm run dev

 Now, we will create a database using the migration command.

php artisan migrate



Step 3: Install Socialite

 Now, we will install the socialite package which provides API to connect with a google account. So, run the below command.

composer require laravel/socialite


Step 4: Create Google App

Now, we required a google client id and secret key, if you don't have a google app account then you need to create it from the given link Google Developers Console.





After the configuration of the google app, we will set the app id, and secret key and call back the URL in the config file.


'google' => [
        'client_id' => 'your client id',
        'client_secret' => 'your client secret key',
        'redirect' => 'http://localhost:8000/authorized/google/callback',


Step 5: Add Database Column In User Table

Now, run the below command to add the google id column in the user table. 

php artisan make:migration add_google_id_to_users_table



use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;

class AddGoogleIdToUsersTable extends Migration
    public function up()
        Schema::table('users', function (Blueprint $table) {

    public function down()
        Schema::table('users', function (Blueprint $table) {            



Add the below code in the User model.


namespace App\Models;

use Illuminate\Database\Eloquent\Factories\HasFactory;
use Illuminate\Foundation\Auth\User as Authenticatable;
use Illuminate\Notifications\Notifiable;
use Laravel\Fortify\TwoFactorAuthenticatable;
use Laravel\Jetstream\HasProfilePhoto;
use Laravel\Jetstream\HasTeams;
use Laravel\Sanctum\HasApiTokens;

class User extends Authenticatable
    use HasApiTokens;
    use HasFactory;
    use HasProfilePhoto;
    use HasTeams;
    use Notifiable;
    use TwoFactorAuthenticatable;

    protected $fillable = [
        'name', 'email', 'password', 'google_id',

    protected $hidden = [

    protected $casts = [
        'email_verified_at' => 'datetime',

    protected $appends = [


Step 6: Create Route

Now, create a new route in the web.php file.



use Illuminate\Support\Facades\Route;
use App\Http\Controllers\LoginWithGoogleController;

Route::get('authorized/google', [LoginWithGoogleController::class, 'redirectToGoogle']);
Route::get('authorized/google/callback', [LoginWithGoogleController::class, 'handleGoogleCallback']);


Step 7: Create Controller

 In this step, we will create a new controller for laravel 8 socialite login with google and the name as LoginWithGoogleController.


namespace App\Http\Controllers;

use Illuminate\Http\Request;
use Laravel\Socialite\Facades\Socialite;
use App\Models\User;
use Illuminate\Support\Facades\Auth;
use Exception;

class LoginWithGoogleController extends Controller
     public function redirectToGoogle()
        return Socialite::driver('google')->redirect();

    public function handleGoogleCallback()
        try {
            $user = Socialite::driver('google')->user();
            $finduser = User::where('google_id', $user->id)->first();
                return redirect()->intended('dashboard');
                $newUser = User::create([
                    'name' => $user->name,
                    'email' => $user->email,
                    'google_id'=> $user->id,
                    'password' => encrypt('123456dummy')
                return redirect()->intended('dashboard');
        } catch (Exception $e) {


Step 8: Edit Login Blade File

In this step, we will edit the login blade in the below code example.

        <x-slot name="logo">
            <x-jet-authentication-card-logo />

        <x-jet-validation-errors class="mb-4" />

        @if (session('status'))
            <div class="mb-4 font-medium text-sm text-green-600">
                {{ session('status') }}

        <form method="POST" action="{{ route('login') }}">

                <x-jet-label for="email" value="{{ __('Email') }}" />
                <x-jet-input id="email" class="block mt-1 w-full" type="email" name="email" :value="old('email')" required autofocus />

            <div class="mt-4">
                <x-jet-label for="password" value="{{ __('Password') }}" />
                <x-jet-input id="password" class="block mt-1 w-full" type="password" name="password" required autocomplete="current-password" />

            <div class="block mt-4">
                <label for="remember_me" class="flex items-center">
                    <input id="remember_me" type="checkbox" class="form-checkbox" name="remember">
                    <span class="ml-2 text-sm text-gray-600">{{ __('Remember me') }}</span>

            <div class="flex items-center justify-end mt-4">
                @if (Route::has('password.request'))
                    <a class="underline text-sm text-gray-600 hover:text-gray-900" href="{{ route('password.request') }}">
                        {{ __('Forgot your password?') }}

                <x-jet-button class="ml-4">
                    {{ __('Login') }}
            <div class="flex items-center justify-end mt-4">
                <a href="{{ url('authorized/google') }}">
                    <img src="" style="margin-left: 3em;">





You might also like:

Recommended Post
Featured Post
Laravel 9 Socialite Login With Twitter Account
Laravel 9 Socialite Login With...

In this article, we will see laravel 9 socialite login with twitter account. Many websites provide different t...

Read More


How To Create Custom Middleware In Laravel 9
How To Create Custom Middlewar...

In this article, we will see how to create custom middleware in laravel 9. Laravel middleware provides a conve...

Read More


Laravel 9 Group By Query Example
Laravel 9 Group By Query Examp...

In this article, we will see laravel 9 group by query example. how to use group by in laravel 9. As you might expec...

Read More


How To Create Custom Helper Function In Laravel 10
How To Create Custom Helper Fu...

In this article, we'll explore how to create a custom helper function in Laravel 10. This custom helper function can...

Read More