{"id":566,"date":"2023-06-08T06:33:00","date_gmt":"2023-06-08T06:33:00","guid":{"rendered":"https:\/\/www.devopsconsulting.in\/blog\/?p=566"},"modified":"2023-07-01T06:34:17","modified_gmt":"2023-07-01T06:34:17","slug":"deigned-custom-error-page-in-laravel","status":"publish","type":"post","link":"https:\/\/www.devopsconsulting.in\/blog\/deigned-custom-error-page-in-laravel\/","title":{"rendered":"Deigned Custom Error Page in Laravel"},"content":{"rendered":"\n<p>In this article, I&#8217;ll walk you through creating a custom error page in Laravel 10. We&#8217;ll apply Laravel 9&#8217;s instructions for creating custom 404 pages. Laravel 10 creates a bespoke error page, as can be seen. You have come to the correct spot if you want to view an example of a laravel 9&nbsp;404 error page.<\/p>\n\n\n\n<p>Laravel&#8217;s error pages all come with a fairly basic design by default, but occasionally we need to develop a unique error page that matches our design theme. So, in this article, I&#8217;ll walk you through the process of making your own custom error page for a Laravel 9&nbsp;application.<\/p>\n\n\n\n<p>In Laravel 9, you may produce the following error pages:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>401 Error Page<\/li>\n\n\n\n<li>403 Error Page<\/li>\n\n\n\n<li>404 Error Page<\/li>\n\n\n\n<li>419 Error Page<\/li>\n\n\n\n<li>429 Error Page<\/li>\n\n\n\n<li>500 Error Page<\/li>\n\n\n\n<li>503 Error Page<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<p>Let&#8217;s look at how to alter the Laravel 10 app&#8217;s error page appearance.<\/p>\n\n\n\n<p>Although this is optional, you may still run the command below if you haven&#8217;t yet built the Laravel app:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>composer create-project laravel\/laravel example-app<\/code><\/pre>\n\n\n\n<p>We will execute a Laravel command in this step to build the default error page blade file. The error pages will all be created in the &#8220;errors&#8221; directory by Laravel when you run the command below. Let&#8217;s execute the command below.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>php artisan vendor:publish --tag=laravel-errors<\/code><\/pre>\n\n\n\n<p>The code below may be used to adjust the design of a 404 error page:<\/p>\n\n\n\n<script src=\"https:\/\/gist.github.com\/abhishek7079\/20d0684a152ef66eacb59874547ae1b5.js\"><\/script>\n\n\n\n<p>After completing all necessary steps, you must now execute the command shown below and press Enter to launch the Laravel application:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>php artisan serve<\/code><\/pre>\n\n\n\n<p><strong>Output:<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"567\" height=\"177\" src=\"https:\/\/www.devopsconsulting.in\/blog\/wp-content\/uploads\/2023\/07\/image.png\" alt=\"\" class=\"wp-image-567\" srcset=\"https:\/\/www.devopsconsulting.in\/blog\/wp-content\/uploads\/2023\/07\/image.png 567w, https:\/\/www.devopsconsulting.in\/blog\/wp-content\/uploads\/2023\/07\/image-300x94.png 300w\" sizes=\"auto, (max-width: 567px) 100vw, 567px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>In this article, I&#8217;ll walk you through creating a custom error page in Laravel 10. We&#8217;ll apply Laravel 9&#8217;s instructions for creating custom 404 pages. Laravel 10&#8230; <\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[87],"tags":[104],"class_list":["post-566","post","type-post","status-publish","format-standard","hentry","category-laravel","tag-custom-error-page-in-laravel"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Deigned Custom Error Page in Laravel - DevOps Consulting<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.devopsconsulting.in\/blog\/deigned-custom-error-page-in-laravel\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Deigned Custom Error Page in Laravel - DevOps Consulting\" \/>\n<meta property=\"og:description\" content=\"In this article, I&#8217;ll walk you through creating a custom error page in Laravel 10. We&#8217;ll apply Laravel 9&#8217;s instructions for creating custom 404 pages. Laravel 10...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.devopsconsulting.in\/blog\/deigned-custom-error-page-in-laravel\/\" \/>\n<meta property=\"og:site_name\" content=\"DevOps Consulting\" \/>\n<meta property=\"article:published_time\" content=\"2023-06-08T06:33:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-01T06:34:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.devopsconsulting.in\/blog\/wp-content\/uploads\/2023\/07\/image.png\" \/>\n<meta name=\"author\" content=\"Abhishek Singh\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Abhishek Singh\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/deigned-custom-error-page-in-laravel\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/deigned-custom-error-page-in-laravel\\\/\"},\"author\":{\"name\":\"Abhishek Singh\",\"@id\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/#\\\/schema\\\/person\\\/fc397ba8be42f9fdd53450edfc73006f\"},\"headline\":\"Deigned Custom Error Page in Laravel\",\"datePublished\":\"2023-06-08T06:33:00+00:00\",\"dateModified\":\"2023-07-01T06:34:17+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/deigned-custom-error-page-in-laravel\\\/\"},\"wordCount\":247,\"commentCount\":1,\"image\":{\"@id\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/deigned-custom-error-page-in-laravel\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/07\\\/image.png\",\"keywords\":[\"Custom Error Page in Laravel\"],\"articleSection\":[\"Laravel\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/deigned-custom-error-page-in-laravel\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/deigned-custom-error-page-in-laravel\\\/\",\"url\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/deigned-custom-error-page-in-laravel\\\/\",\"name\":\"Deigned Custom Error Page in Laravel - DevOps Consulting\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/deigned-custom-error-page-in-laravel\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/deigned-custom-error-page-in-laravel\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/07\\\/image.png\",\"datePublished\":\"2023-06-08T06:33:00+00:00\",\"dateModified\":\"2023-07-01T06:34:17+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/#\\\/schema\\\/person\\\/fc397ba8be42f9fdd53450edfc73006f\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/deigned-custom-error-page-in-laravel\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/deigned-custom-error-page-in-laravel\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/07\\\/image.png\",\"contentUrl\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/07\\\/image.png\",\"width\":567,\"height\":177},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/\",\"name\":\"DevOps Consulting\",\"description\":\"DevOps Consulting | SRE Consulting | DevSecOps Consulting | MLOps Consulting\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/#\\\/schema\\\/person\\\/fc397ba8be42f9fdd53450edfc73006f\",\"name\":\"Abhishek Singh\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/790feefe779852cdf344ca7318bf6c13832223c9b3c6bf4d217658412041026d?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/790feefe779852cdf344ca7318bf6c13832223c9b3c6bf4d217658412041026d?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/790feefe779852cdf344ca7318bf6c13832223c9b3c6bf4d217658412041026d?s=96&d=mm&r=g\",\"caption\":\"Abhishek Singh\"},\"description\":\"I\u2019m Abhishek, a DevOps, SRE, DevSecOps, and Cloud expert with a passion for sharing knowledge and real-world experiences. I\u2019ve had the opportunity to work with Cotocus and continue to contribute to multiple platforms where I share insights across different domains: \u2022 DevOps School \u2013 Tech blogs and tutorials \u2022 Holiday Landmark \u2013 Travel stories and guides \u2022 Stocks Mantra \u2013 Stock market strategies and tips \u2022 My Medic Plus \u2013 Health and fitness guidance \u2022 TrueReviewNow \u2013 Honest product reviews \u2022 Wizbrand \u2013 SEO and digital tools for businesses I\u2019m also exploring the fascinating world of Quantum Computing.\",\"url\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/author\\\/abhishek\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Deigned Custom Error Page in Laravel - DevOps Consulting","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.devopsconsulting.in\/blog\/deigned-custom-error-page-in-laravel\/","og_locale":"en_US","og_type":"article","og_title":"Deigned Custom Error Page in Laravel - DevOps Consulting","og_description":"In this article, I&#8217;ll walk you through creating a custom error page in Laravel 10. We&#8217;ll apply Laravel 9&#8217;s instructions for creating custom 404 pages. Laravel 10...","og_url":"https:\/\/www.devopsconsulting.in\/blog\/deigned-custom-error-page-in-laravel\/","og_site_name":"DevOps Consulting","article_published_time":"2023-06-08T06:33:00+00:00","article_modified_time":"2023-07-01T06:34:17+00:00","og_image":[{"url":"https:\/\/www.devopsconsulting.in\/blog\/wp-content\/uploads\/2023\/07\/image.png","type":"","width":"","height":""}],"author":"Abhishek Singh","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Abhishek Singh","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.devopsconsulting.in\/blog\/deigned-custom-error-page-in-laravel\/#article","isPartOf":{"@id":"https:\/\/www.devopsconsulting.in\/blog\/deigned-custom-error-page-in-laravel\/"},"author":{"name":"Abhishek Singh","@id":"https:\/\/www.devopsconsulting.in\/blog\/#\/schema\/person\/fc397ba8be42f9fdd53450edfc73006f"},"headline":"Deigned Custom Error Page in Laravel","datePublished":"2023-06-08T06:33:00+00:00","dateModified":"2023-07-01T06:34:17+00:00","mainEntityOfPage":{"@id":"https:\/\/www.devopsconsulting.in\/blog\/deigned-custom-error-page-in-laravel\/"},"wordCount":247,"commentCount":1,"image":{"@id":"https:\/\/www.devopsconsulting.in\/blog\/deigned-custom-error-page-in-laravel\/#primaryimage"},"thumbnailUrl":"https:\/\/www.devopsconsulting.in\/blog\/wp-content\/uploads\/2023\/07\/image.png","keywords":["Custom Error Page in Laravel"],"articleSection":["Laravel"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.devopsconsulting.in\/blog\/deigned-custom-error-page-in-laravel\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.devopsconsulting.in\/blog\/deigned-custom-error-page-in-laravel\/","url":"https:\/\/www.devopsconsulting.in\/blog\/deigned-custom-error-page-in-laravel\/","name":"Deigned Custom Error Page in Laravel - DevOps Consulting","isPartOf":{"@id":"https:\/\/www.devopsconsulting.in\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.devopsconsulting.in\/blog\/deigned-custom-error-page-in-laravel\/#primaryimage"},"image":{"@id":"https:\/\/www.devopsconsulting.in\/blog\/deigned-custom-error-page-in-laravel\/#primaryimage"},"thumbnailUrl":"https:\/\/www.devopsconsulting.in\/blog\/wp-content\/uploads\/2023\/07\/image.png","datePublished":"2023-06-08T06:33:00+00:00","dateModified":"2023-07-01T06:34:17+00:00","author":{"@id":"https:\/\/www.devopsconsulting.in\/blog\/#\/schema\/person\/fc397ba8be42f9fdd53450edfc73006f"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.devopsconsulting.in\/blog\/deigned-custom-error-page-in-laravel\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.devopsconsulting.in\/blog\/deigned-custom-error-page-in-laravel\/#primaryimage","url":"https:\/\/www.devopsconsulting.in\/blog\/wp-content\/uploads\/2023\/07\/image.png","contentUrl":"https:\/\/www.devopsconsulting.in\/blog\/wp-content\/uploads\/2023\/07\/image.png","width":567,"height":177},{"@type":"WebSite","@id":"https:\/\/www.devopsconsulting.in\/blog\/#website","url":"https:\/\/www.devopsconsulting.in\/blog\/","name":"DevOps Consulting","description":"DevOps Consulting | SRE Consulting | DevSecOps Consulting | MLOps Consulting","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.devopsconsulting.in\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.devopsconsulting.in\/blog\/#\/schema\/person\/fc397ba8be42f9fdd53450edfc73006f","name":"Abhishek Singh","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/790feefe779852cdf344ca7318bf6c13832223c9b3c6bf4d217658412041026d?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/790feefe779852cdf344ca7318bf6c13832223c9b3c6bf4d217658412041026d?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/790feefe779852cdf344ca7318bf6c13832223c9b3c6bf4d217658412041026d?s=96&d=mm&r=g","caption":"Abhishek Singh"},"description":"I\u2019m Abhishek, a DevOps, SRE, DevSecOps, and Cloud expert with a passion for sharing knowledge and real-world experiences. I\u2019ve had the opportunity to work with Cotocus and continue to contribute to multiple platforms where I share insights across different domains: \u2022 DevOps School \u2013 Tech blogs and tutorials \u2022 Holiday Landmark \u2013 Travel stories and guides \u2022 Stocks Mantra \u2013 Stock market strategies and tips \u2022 My Medic Plus \u2013 Health and fitness guidance \u2022 TrueReviewNow \u2013 Honest product reviews \u2022 Wizbrand \u2013 SEO and digital tools for businesses I\u2019m also exploring the fascinating world of Quantum Computing.","url":"https:\/\/www.devopsconsulting.in\/blog\/author\/abhishek\/"}]}},"_links":{"self":[{"href":"https:\/\/www.devopsconsulting.in\/blog\/wp-json\/wp\/v2\/posts\/566","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.devopsconsulting.in\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.devopsconsulting.in\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.devopsconsulting.in\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.devopsconsulting.in\/blog\/wp-json\/wp\/v2\/comments?post=566"}],"version-history":[{"count":2,"href":"https:\/\/www.devopsconsulting.in\/blog\/wp-json\/wp\/v2\/posts\/566\/revisions"}],"predecessor-version":[{"id":569,"href":"https:\/\/www.devopsconsulting.in\/blog\/wp-json\/wp\/v2\/posts\/566\/revisions\/569"}],"wp:attachment":[{"href":"https:\/\/www.devopsconsulting.in\/blog\/wp-json\/wp\/v2\/media?parent=566"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.devopsconsulting.in\/blog\/wp-json\/wp\/v2\/categories?post=566"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.devopsconsulting.in\/blog\/wp-json\/wp\/v2\/tags?post=566"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}