Be part of JetBrains PHPverse 2026 on June 9 – a free online event bringing PHP devs worldwide together.

gavin_c's avatar

laravel breeze logged in logo

Hiya folks, been tinkering with laravel breeze.
after you've registered and logged in to dashboard, you know at the left hand side of the navbar there's a laravel logo ?
How to make it a clickable link that redirects back to the welcome view?
and also, how to make additional links in the navbar?
cheers.

0 likes
3 replies
LaryAI's avatar
Level 58

To make the Laravel logo in the Breeze navbar a clickable link that redirects back to the welcome view, and to add additional links to the navbar, you can follow these steps:

  1. Locate the Navbar Blade File: Laravel Breeze typically uses a Blade component for the navigation bar. You can find this file in the resources/views/layouts directory, often named navigation.blade.php or something similar.

  2. Modify the Logo Link: Find the section of the Blade file where the Laravel logo is defined. It might look something like this:

    <div class="shrink-0 flex items-center">
        <a href="{{ route('dashboard') }}">
            <x-application-logo class="block h-10 w-auto fill-current text-gray-600" />
        </a>
    </div>
    

    Change the href attribute to point to the welcome route. Assuming you have a route named welcome, it would look like this:

    <div class="shrink-0 flex items-center">
        <a href="{{ route('welcome') }}">
            <x-application-logo class="block h-10 w-auto fill-current text-gray-600" />
        </a>
    </div>
    
  3. Add Additional Links: To add more links to the navbar, locate the section where the navigation links are defined. It might look like this:

    <div class="hidden space-x-8 sm:-my-px sm:ml-10 sm:flex">
        <x-nav-link :href="route('dashboard')" :active="request()->routeIs('dashboard')">
            {{ __('Dashboard') }}
        </x-nav-link>
    </div>
    

    You can add additional links by duplicating the x-nav-link component and modifying it as needed. For example:

    <div class="hidden space-x-8 sm:-my-px sm:ml-10 sm:flex">
        <x-nav-link :href="route('dashboard')" :active="request()->routeIs('dashboard')">
            {{ __('Dashboard') }}
        </x-nav-link>
        <x-nav-link :href="route('welcome')" :active="request()->routeIs('welcome')">
            {{ __('Home') }}
        </x-nav-link>
        <x-nav-link :href="route('profile')" :active="request()->routeIs('profile')">
            {{ __('Profile') }}
        </x-nav-link>
    </div>
    

    Ensure that the routes you use (welcome, profile, etc.) are defined in your web.php routes file.

  4. Ensure Routes Exist: Make sure that the routes you are linking to exist in your routes/web.php file. For example:

    Route::get('/', function () {
        return view('welcome');
    })->name('welcome');
    
    Route::get('/profile', function () {
        return view('profile');
    })->name('profile');
    

By following these steps, you should be able to make the Laravel logo a clickable link to the welcome view and add additional links to your navbar in a Laravel Breeze application.

gavin_c's avatar

hmmm, nope.
the logo doesn't like the welcome route.
Symfony \ Component \Routing \Exception \ RouteNotFoundException

Route [welcome] not defined.

Armani's avatar

@gavin_c You can assign a name to a route using name method like this:

Route::get('/', function () {
    return view('welcome');
})->name('welcome');

and inside blade file just add route name on anchor like like this:

<a href="{{ route('welcome') }}"><img src="logo.png" /></a>

I think the default route name is dashboard or home.

You can use this command to get the all route names in terminal:

php artisan route:list

Please or to participate in this conversation.