Laravel 11 Markdown | Laravel 11 Send Email using Markdown Mailables

By Hardik Savani April 16, 2024 Category : Laravel

Hi dev, I will teach you how to send email using markdown mailables in laravel 11 application.

Laravel 11 Markdown Mailables simplify email creation with predefined templates and components. Components support various elements like tables, links, buttons, and embedded images. This feature streamlines email design and development, enhancing the efficiency of email workflows within Laravel applications.

You can follow the steps to create a simple example using Markdown Mailables in Laravel 11.

laravel 11 mail markdown

Step for Laravel 11 Send Mail using Markdown Mailables

  • Step 1: Install Laravel 11
  • Step 2: Make Configuration
  • Step 3: Create Mailable Class with Markdown
  • Step 4: Create Controller
  • Step 5: Create Routes
  • Step 6: Create Blade View
  • Run Laravel App

Step 1: Install Laravel 11

This step is not required; however, if you have not created the Laravel app, then you may go ahead and execute the below command:

composer create-project laravel/laravel example-app

Step 2: Make Configuration

In the first step, you have to add mail configuration with the mail driver, mail host, mail port, mail username, and mail password so Laravel 11 will use this sender configuration for sending email. You can simply add it as follows:



Step 3: Create Mailable Class with Markdown

In this step, we will create the `MyDemoMail` class for email sending. Here, we will write the code that the view will call and the user object. So let's run the below command.

php artisan make:mail MyDemoMail --markdown=emails.myDemoMail

Now, let's update the code in MyDemoMail.php file as follows:


namespace App\Mail;
use Illuminate\Bus\Queueable;
use Illuminate\Contracts\Queue\ShouldQueue;
use Illuminate\Mail\Mailable;
use Illuminate\Mail\Mailables\Content;
use Illuminate\Mail\Mailables\Envelope;
use Illuminate\Queue\SerializesModels;
class MyDemoMail extends Mailable
    use Queueable, SerializesModels;
    public $mailData;
     * Create a new message instance.
    public function __construct($mailData)
        $this->mailData = $mailData;
     * Get the message envelope.
    public function envelope(): Envelope
        return new Envelope(
            subject: 'Mail from',
     * Get the message content definition.
    public function content(): Content
        return new Content(
            markdown: 'emails.myDemoMail',
     * Get the attachments for the message.
     * @return array
    public function attachments(): array
        return [];

Step 4: Create Controller

In this step, we will create a `MailController` with an `index()` method where we write code for sending mail to a given email address. So, first, let's create the controller by following the command and update the code on it.

php artisan make:controller MailController

Now, update the code in the MailController file.


namespace App\Http\Controllers;
use Illuminate\Http\Request;
use Mail;
use App\Mail\MyDemoMail;
class MailController extends Controller
     * Write code on Method
     * @return response()
    public function index()
        $mailData = [
            'title' => 'Mail from',
            'url' => ''
        Mail::to('')->send(new MyDemoMail($mailData));
        dd("Email is sent successfully.");

Step 5: Create Routes

In this step, we need to create routes for a list of sending emails. So open your "routes/web.php" file and add the following route.


use Illuminate\Support\Facades\Route;
use App\Http\Controllers\MailController;
Route::get('send-mail', [MailController::class, 'index']);

Step 6: Create Blade View

In this step, we will create a Blade view file and write the email that we want to send. Now, we just write some dummy text. Create the following files in the "emails" folder.


# {{ $mailData['title'] }}
The body of your message.
@component('mail::button', ['url' => $mailData['url']])
Visit Our Website
{{ config('') }}

Run Laravel App:

All the required steps have been done, now you have to type the given below command and hit enter to run the Laravel app:

php artisan serve

Now, Go to your web browser, type the given URL and view the app output:



laravel 11 mail markdown output

I hope it can help you...