Create Custom Maintenance Page in Laravel
Hi artisan, in this tutorial, we are going to create our custom maintenance page in Laravel. I’m testing on Laravel 7.x. Let’s get started:
Table of Contents
Create Laravel Project
Run this composer command to create Laravel project. If you already have Laravel project, then you can skip this step.
composer create-project --prefer-dist laravel/laravel laratest
To put website into maintenance mode, we have to run this command:
php artisan down
Application is now in maintenance mode.
To make application up and running again, run this command:
php artisan up
Application is now live.
Laravel displays 503 page as maintenance page. We can easily override the page. Navigate to resources/views folder and create a directory called errors. Under errors folder, create a file named
503.blade.php & paste your design:
That’s it. Thanks for reading. ?
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Maintenance Mode</title> </head> <body> <div class="container"> <div style="margin-top: 50px; text-align: center"> We will be up in couple of minutes. Thanks for patience. </div> </div> </body> </html>
Preview may take a few seconds to load.
Below you will find some common used markdown syntax. For a deeper dive in Markdown check out this Cheat Sheet
Bold & Italic
Bold **double asterisks**
Three back ticks and then enter your code blocks here.
# This is a Heading 1
## This is a Heading 2
### This is a Heading 3
> type a greater than sign and start typing your quote.
You can add links by adding text inside of  and the link inside of (), like so:
To add a numbered list you can simply start with a number and a ., like so:
1. The first item in my list
For an unordered list, you can add a dash -, like so:
- The start of my list
You can add images by selecting the image icon, which will upload and add an image to the editor, or you can manually add the image by adding an exclamation !, followed by the alt text inside of , and the image URL inside of (), like so:
To add a divider you can add three dashes or three asterisks:
--- or ***