How to create custom 404 error page in Laravel | How to design 404 error page in Laravel 10

hey guys welcome back so guys in this video we are going to learn how to create a 4 not4 error page in larl okay so guys by default you see that larel provides something like this so here I have a random URL and it shows 4 not4 not found okay so guys now we are going to customize this page in larl so now guys let's get started so let's move to our editor and here is our larl fresh application and guys I have served the application okay so now guys First Step what we have to do we have to go to our resource file in set views you need to create one folder named as errors okay so let's create the folder name e r r o r s errors and then guys inside this you have to create all your file 44. blade. PHP hit enter your blade file is ready and now guys let me just type here one H4 tag hello test testing 44 okay let's save it and now guys let us see the output so here I don't have such URL so I'm refreshing and you see that hello testing 44 content has been come over here right so guys this is how we set about 44 error page okay so now guys let us design this 44 page in a good format okay so guys for that you just need to go to the get bootstrap.css on the get starting you have a template here so you can just copy this click and copy and paste here all set and now guys I'm just going to remove the inside the body tag contents so I have removed it and here let's set the title 44 page not F okay and inside this body tag let's design the uiu so just add the class inside body tag let me just zoom it so yep and here we go BG hyphen dark display Flex align items Center then justify content Center so minin VH hyphen 100 okay and then guys inside this you have to design your 4 not4 page so guys let's begin with the container padding five then margin five hit enter and I want to keep the contents in Center so text Center and now guys let's design a card where card will be having padding five and rounded hyphen 5 okay and then guys inside this you have to H1 tag or any tag 44 let's give the class display hyphen 1 and and font BD bold okay and let's use H4 tag like page not found and here add a class display hyphen 6 and then guys create one horizontal row and a P tag for any contents like hey the page you are trying to find is not available full stop and you can give the class for this also like Lea lead and font we normal and then guys a simple button which redirects so go to home and just design this button button hyphen primary and rounded hph 5 and px5 and now you can create one route here I mean the URL so which goes to the homepage okay and now you can see the output so let's go and refresh cool so this is the output guys and the radius is little smaller so let me increase that where is here I have made a spelling mistake it should be rounded okay and now you get back refresh cool so guys our 44 page is customized and also designed in larel okay and now if we click here go back to home it goes home and if we try to go to categories and by mistake I just enter some data here it says that 44 not found okay so guys we have created the custom 44 page in larel so guys in this video that's it thank you for watching this video please subscribe like and share

Channel: Funda Of Web IT

Views: 1,072

Keywords: fundaofwebit, How to create custom 404 error page in Laravel, how to create 404 error page in laravel 10, how to create 404 error page in php, laravel custom 404 error page, custom 404 page in laravel 10, how to customize 404 page in laravel, how to change 404 page in laravel 8, laravel default 404 page, laravel 404 page template design, laravel 10 404 page tutorial step by step

Id: HSzCgnTMzgU

Length: 4min 57sec (297 seconds)

Published: Sat Jan 13 2024