{"id":461,"date":"2022-09-24T16:08:28","date_gmt":"2022-09-24T16:08:28","guid":{"rendered":"https:\/\/247blogs.com\/wp\/2022\/09\/24\/laravel-9-tutorial-how-to-create-custom-404-page-in-laravel-9-application\/"},"modified":"2022-09-24T17:37:12","modified_gmt":"2022-09-24T17:37:12","slug":"laravel-9-tutorial-how-to-create-custom-404-page-in-laravel-9-application","status":"publish","type":"post","link":"https:\/\/247blogs.com\/wp\/laravel-9-tutorial-how-to-create-custom-404-page-in-laravel-9-application\/","title":{"rendered":"Laravel-9 Tutorial – How to Create Custom 404 Page in Laravel 9 Application"},"content":{"rendered":"
\n

Through this Laravel tutorial, we would like to share with you how to easily create a custom error page 404 and 403, 500, 419, 255, 405 error pages in the Laravel application.<\/p>\n

While working on a web application errors or more precisely exception can manifest at any time, Laravel framework handles exceptions beautifully.<\/p>\n

It offers a handy error handler class which looks for almost every errors displayed in Laravel environment and returns an adequate response.<\/p>\n

Generically, you can get the default error response if you configure debug property to false; nevertheless, you can create a custom error handling template.<\/p>\n

Let\u2019s handle custom errors in Laravel.<\/p>\n

Create New Laravel Project<\/h2>\n

Start this tutorial by creating a brand new Laravel project using the following command:<\/p>\n

composer create-project laravel\/laravel --prefer-dist laravel-error-handling-example<\/code><\/pre>\n
Create Custom 404 Error Page<\/h2>\n
You need to create blade views for error pages, move to this path resources\/views\/ inside here create errors folder and within the directory create 404.blade.php file. It will redirect you to the 404 page if you don\u2019t find the associated URL.<\/p>\n
Similarly you can create rest of the error handling blade views for 403, 500, 419, 255 and 405 exceptions:<\/p>\n
Include the following code in resources\/views\/errors\/404.blade.php<\/strong> error file.<\/p>\n
<<\/span>!<\/span>DOCTYPE<\/span> html><\/span>\n<<\/span>html lang=<\/span>\"{{ str_replace('_', '-', app()->getLocale()) }}\"<\/span>><\/span>\n<<\/span>head><\/span>\n    <<\/span>meta charset=<\/span>\"utf-8\"<\/span>><\/span>\n    <<\/span>meta name=<\/span>\"viewport\"<\/span> content=<\/span>\"width=device-width, initial-scale=1\"<\/span>><\/span>\n    <<\/span>title><\/span>404<\/span> Custom Error Page Example<<\/span>\/<\/span>title><\/span>\n    <<\/span>link rel=<\/span>\"stylesheet\"<\/span> href=<\/span>\"https:\/\/stackpath.bootstrapcdn.com\/bootstrap\/4.4.1\/css\/bootstrap.min.css\"<\/span>><\/span>\n<<\/span>\/<\/span>head><\/span>\n<<\/span>body><\/span>\n    <<\/span>div class<\/span>=<\/span>\"container mt-5 pt-5\"<\/span>><\/span>\n        <<\/span>div class<\/span>=<\/span>\"alert alert-danger text-center\"<\/span>><\/span>\n            <<\/span>h2 class<\/span>=<\/span>\"display-3\"<\/span>><\/span>404<\/span><<\/span>\/<\/span>h2><\/span>\n            <<\/span>p class<\/span>=<\/span>\"display-5\"<\/span>><\/span>Oops!<\/span> Something is wrong.<\/span><<\/span>\/<\/span>p><\/span>\n        <<\/span>\/<\/span>div><\/span>\n    <<\/span>\/<\/span>div><\/span>\n<<\/span>\/<\/span>body><\/span>\n<<\/span>\/<\/span>html><\/span><\/code><\/pre>\n
To test out the 404 custom error template, you need to start the application.<\/p>\n
php artisan serve<\/code><\/pre>\n
As you know, 404 errors occur when you visit the non-existed link, so type the wrong URL in the browser\u2019s address bar.<\/p>\n
http<\/span>:<\/span>\/\/127.0.0.1:8000\/not<\/span><\/code><\/pre>\n
\"Create<\/p>\n
Easy, isn\u2019t it. This tutorial is over, i hope you liked it.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"
Through this Laravel tutorial, we would like to share with you how to easily create a custom error page 404 and 403, 500, 419, 255, 405 error pages in the […]<\/p>\n","protected":false},"author":1,"featured_media":462,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[19,14],"tags":[],"class_list":["post-461","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-laravel","category-tutorial","clearfix"],"_links":{"self":[{"href":"https:\/\/247blogs.com\/wp\/wp-json\/wp\/v2\/posts\/461","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/247blogs.com\/wp\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/247blogs.com\/wp\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/247blogs.com\/wp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/247blogs.com\/wp\/wp-json\/wp\/v2\/comments?post=461"}],"version-history":[{"count":1,"href":"https:\/\/247blogs.com\/wp\/wp-json\/wp\/v2\/posts\/461\/revisions"}],"predecessor-version":[{"id":642,"href":"https:\/\/247blogs.com\/wp\/wp-json\/wp\/v2\/posts\/461\/revisions\/642"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/247blogs.com\/wp\/wp-json\/wp\/v2\/media\/462"}],"wp:attachment":[{"href":"https:\/\/247blogs.com\/wp\/wp-json\/wp\/v2\/media?parent=461"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/247blogs.com\/wp\/wp-json\/wp\/v2\/categories?post=461"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/247blogs.com\/wp\/wp-json\/wp\/v2\/tags?post=461"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}