900+ reviews For Entrepreneurs
Digittrix logo

Home - Scripts - Website Development

  • 30 July 2025

Facebook Login Implementation in Laravel
by Pragati S. – 3 minute read – 119 views
Backend Web Laravel

Over 70% of users prefer social login. Integrating Facebook login into Laravel boosts signup rates and lessens password fatigue, leading to better retention.

Key Points

  • 73% of users opt for social login when it is offered, with Facebook being the most popular choice.
  • Sites offering a Facebook login experience a 34% rise in user registration conversions.
  • Social logins cut failed login attempts by up to 50%, boosting overall user satisfaction.

Integrating social login is a great way to enhance user experience in web app development and mobile app development. It simplifies the login process by allowing users to sign in using their existing social media accounts. In this article, we will guide you step-by-step to implement Facebook Login in Laravel using the Laravel Socialite package.

Step 1: Install Laravel Socialite

To begin, install Laravel Socialite, which handles OAuth authentication.

                                        composer require laravel/socialite

This package allows perfect integration with OAuth providers like Facebook, which is commonly used in both web and mobile app development projects.

Step 2: Create and Configure Facebook App

To authenticate via Facebook, you need to create a Facebook App:

  1. Go to Facebook Developers
  2. Create an account and then create a new app
  3. Enable Facebook Login
  4. Note down the App ID and App Secret

You'll use these credentials in your Laravel application.

Step 3: Add Facebook Credentials in Laravel

Add the following configuration in your .env file:

                                        FACEBOOK_CLIENT_ID=your_facebook_app_id
FACEBOOK_CLIENT_SECRET=your_facebook_app_secret
FACEBOOK_CALLBACK_URL=http://localhost:8000/auth/facebook/callback

Then update config/services.php with:

                                        return [
    'facebook' => [
        'client_id' => env('FACEBOOK_CLIENT_ID'),
        'client_secret' => env('FACEBOOK_CLIENT_SECRET'),
        'redirect' => env('FACEBOOK_CALLBACK_URL'),
    ],
];

Step 4: Add Facebook ID to Users Table

Create a migration to store the Facebook ID for each user:

                                        php artisan make:migration add_facebook_id_column

Then, modify the migration file:

                                        public function up(): void
{
    Schema::table('users', function ($table) {
        $table->string('facebook_id')->nullable();
    });
}

public function down(): void
{
    Schema::table('users', function ($table) {
        $table->dropColumn('facebook_id');
    });
}

Run the migration:

                                        php artisan migrate

Step 5: Update User Model

Update your User model to include the facebook_id column:

                                        protected $fillable = [
    'name',
    'email',
    'password',
    'facebook_id',
];

Ensure necessary traits are included:

                                        use HasApiTokens, HasFactory, HasProfilePhoto, Notifiable, TwoFactorAuthenticatable;

Step 6: Define Facebook Routes

Add the following routes to routes/web.php:

                                        use App\Http\Controllers\FacebookController;

Route::controller(FacebookController::class)->group(function () {
    Route::get('auth/facebook', 'redirectToFacebook')->name('auth.facebook');
    Route::get('auth/facebook/callback', 'handleFacebookCallback');
});

Step 7: Create FacebookController

Create a controller to handle the Facebook login logic:

                                        namespace App\Http\Controllers;

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

class FacebookController extends Controller
{
    public function redirectToFacebook()
    {
        return Socialite::driver('facebook')->redirect();
    }

    public function handleFacebookCallback()
    {
        try {
            $user = Socialite::driver('facebook')->user();

            $finduser = User::where('facebook_id', $user->id)->first();

            if ($finduser) {
                Auth::login($finduser);
                return redirect()->intended('dashboard');
            } else {
                $newUser = User::updateOrCreate(
                    ['email' => $user->email],
                    [
                        'name' => $user->name,
                        'facebook_id' => $user->id,
                        'password' => encrypt('123456dummy')
                    ]
                );

                Auth::login($newUser);
                return redirect()->intended('dashboard');
            }
        } catch (Exception $e) {
            dd($e->getMessage());
        }
    }
}

Step 8: Update Blade Login View

Add a "Login with Facebook" button in your login blade view:

                                        <div class="mt-6 text-center">
    <a href="{{ url('auth/facebook') }}" class="inline-block bg-blue-600 text-white px-4 py-2 rounded shadow hover:bg-blue-700">
        <i class="fa fa-facebook-square mr-1" aria-hidden="true"></i> Login with Facebook
    </a>
</div>

You can place this below your existing login form for a seamless experience in your web app development interface.

Final Testing

Once all steps are complete:

  1. Run your Laravel project using php artisan serve
  2. Visit the login page
  3. Click “Login with Facebook”
  4. You’ll be redirected to Facebook for authentication
  5. Upon successful login, you'll be redirected to the dashboard

Final Words

Integrating Facebook Login in Laravel not only simplifies user authentication but also boosts trust and usability, which is especially important for modern mobile and web app development. By using Laravel Socialite, you save time and ensure secure, standardised OAuth login flows.

Whether you're developing a mobile-first application or a comprehensive web app, social login is a valuable feature that boosts engagement and conversion rates.

Tech Stack & Version

Frontend

  • HTML5
  • CSS3
  • Tailwind CSS

Backend

  • PHP ≥ 7.2
  • Laravel ≥ 6.0
  • MySQL

Deployment

  • AWS EC2
  • DigitalOcean
  • Linode

Recent Scripts

Website Development

Razorpay Payment Webhook: A Complete Guide

Author by Tarun C. – April 10, 2026 – 4 minute read

<p dir="ltr">Razorpay webhooks notify your server immediately of payment events, allowing secure, real-time updates and automatic transaction recording in your database.</p> <p>&nbsp;</p>

PHP
Website Development

Image Upload with Fixed Dimensions in ReactJS

Author by Parveen – April 6, 2026 – 4 minute read

<p>Over 70% of web apps use client-side image processing to ensure consistent UI, faster load times, and optimized performance with fixed dimensions in ReactJS.</p>

Website Development

Shopify Draft Orders: Convert Quotes into Paid Orders

Author by Bobin S. – April 2, 2026 – 3 minute read

<p>Convert quotes into paid orders using Shopify Draft Orders. Create custom pricing, send invoices, automate workflows, and boost order conversion rates.</p>