Support the ongoing development of →

Create custom error pages in Laravel 8

22 May, 2021 1 min read

The standard error pages in Laravel are looking a bit awful. In this tutorial I will show you how you can customize the error pages. Luckily for us this is very easy in Laravel 8. Today we are going to create a custom error page for the 404, 500 & 503 errors!

The first step is to create a blade file for every error response that the server can give. Place the following files in the resources/views/errors folder:


@extends('front.layouts.error', [
    'title' => 'Hello, is it me youre looking for?',
    'errorCode' => '404',
    'homeLink' => true,


@extends('front.layouts.error', [
    'title' => 'Server error',
    'errorCode' => '500',
    'homeLink' => false,


@extends('front.layouts.error', [
    'title' => 'Be right back',
    'errorCode' => '503',
    'homeLink' => false,

Laravel will automatically detect these files, and will replace the default error page with this error message. As you can see in the code above these files extend the front.layouts.error page. Add this file in the resources/views/errors folder and add the following code:

<div class="flex justify-center max-w-5xl min-h-screen pb-16 mx-auto">
  <div class="leading-none text-center text-black md:text-left">
		  <h1 class="mb-2 text-5xl font-extrabold">{{ $errorCode }}</h1>
				<p class="text-xl text-gray-900">
								{{ $title }}
								Hello, is it me you're looking for?

						@if($homeLink ?? false)
								<a href="{{ url('/') }}" class="font-bold underline transition duration-300 hover:text-blue-600">Go home</a>

This code is an example on the implementation, feel free to customize this to your liking!

That is it, you have now custom 400, 500 & 503 error messages in Laravel! I hope you enjoyed this small tutorial. If you have any questions reach out to me on Twitter!

Last updated 2 weeks ago.
Like this article? Let the author know and give them a clap!
larapeak (Larapeak)

Other articles you might like

April 4th 2022

The Laravel Ecosystem

Introduction Like with any subject in life, when you first start learning about something, the huge...

Read article
April 1st 2022

5 ways to optimize your eloquent queries

Did you know that 1 in 4 visitors would abandon a website if it takes more than 4 seconds to load? W...

Read article
April 1st 2022

Validate your PHP API tests against OpenAPI definitions – a Laravel example

OpenAPI is a specification for describing RESTful APIs in JSON and YAML format, aiming at being und...

Read article

We'd like to thank these amazing companies for supporting us

Your logo here?

The Laravel portal for problem solving, knowledge sharing and community building.

© 2022 - All rights reserved.