Create and use custom 404, 500 error page in Laravel 10/9; Through this tutorial, i am going to show you how to make and use custom error 404, 500 pages in Laravel 10/9 apps.
How to Create and Use Custom 404 Page in Laravel 10/9 Apps
Follow the below given steps to create and use custom 404, 500 error pages in Laravel 10/9 apps:
- Create 404 View File
- Create 500 View File
- Modify Exceptions Handler
1: Create 404 View File
Go to resources/views folder and create a folder named errors.
Then inside this errors folder, create a file called 404.blade.php. So the location of our 404 page is resources/views/errors/404.blade.php.
<!DOCTYPE html>
<html>
<head>
<title>Page Not Found</title>
</head>
<body>
This is the custom 404 error page.
</body>
</html>
2: Create 500 View File
Go to resources/views folder and create a folder named errors.
Then inside this errors folder, create a file called 500.blade.php. So the location of our 500 page is resources/views/errors/500.blade.php.
<!DOCTYPE html>
<html>
<head>
<title>Page Not Found</title>
</head>
<body>
This is the custom 500 error page.
</body>
</html>
3: Modify Exceptions Handler
Now, navigate to app/Exceptions and open Handler.php file and find the render() method. Then modify the render() method only as follow:
public function render($request, Exception $exception)
{
if ($this->isHttpException($exception)) {
if ($exception->getStatusCode() == 404) {
return response()->view('errors.' . '404', [], 404);
}
}
return parent::render($request, $exception);
}
as well as render 500 error page in this file as follow:
public function render($request, Exception $exception)
{
if ($this->isHttpException($exception)) {
if ($exception->getStatusCode() == 404) {
return response()->view('errors.' . '404', [], 404);
}
if ($exception->getStatusCode() == 500) {
return response()->view('errors.' . '500', [], 500);
}
}
return parent::render($request, $exception);
}
Conclusion
Laravel 10/9 create custom error page example, you have learned how to create custom page for 404, 500 error in laravel apps.
Be First to Comment