Vibe Mistral AI for Laravel Livewire devs

Tony Xhepa| 00:09:47|Apr 29, 2026

Chapters7

The creator introduces testing Mistral AI for Laravel development and aims to create a contact page in a fresh Laravel 13 project.

Tony Xhepa tests Mistral AI's Laravel Livewire capabilities by auto-generating a full contact form with Mailtrap integration and a single-page Livewire component.

Summary

Tony Xhepa dives into Mistral AI’s potential for Laravel development, focusing on a practical task: auto-generating a contact page using a Laravel 13 project with Livewire. He runs Grill Me (via the vibe CLI) to create a contact form, selects Livewire components, and wires up Mailtrap as the mailer. Throughout the process he tweaks environment variables, routes, and mail configuration, then tests validation and successful submissions. The session showcases how to convert a traditional Livewire component into a full-page single-page component, and evaluates whether Mistral can handle real-world prompts with multiple-choice questions and code scaffolding. He also demonstrates error handling and fixes (like a mail subject rule) and confirms the end-to-end flow by sending a test message and verifying the mail content. The video blends practical Laravel best practices with hands-on AI-assisted tooling, giving viewers a concrete example of speed-versus-control in modern PHP development. By the end, he reiterates the workflow: install Mistral skills, prompt for a contact form, and validate the result in a live app.

Key Takeaways

Grill Me on Vibe CLI can orchestrate a Laravel 13 + Livewire project scaffold (mailables, components, views) with a single prompt and plan, including environment setup.
Using Mailtrap via Mailtrap credentials and a dedicated contact mail config allows end-to-end form submission testing within a local or staged environment.
The prompt workflow includes choosing a route, component type (Livewire), form fields, access control, and a mailer strategy (single mailer) to produce a working contact form.
A full-page Livewire component can be generated and wired to a route just like a traditional component, demonstrating flexibility in component architecture.
A concrete validation path is shown: form validation rules, error handling, and a successful “Your message has been sent successfully” confirmation, followed by email content review.
The video highlights concrete troubleshooting steps (e.g., adjusting the mail subject rule) to get the mail sending working in the generated code.
The experiment includes converting a partial component into a full-page component and verifying both UI and backend mail flow in a live test.

Who Is This For?

Laravel developers who want to see how AI tooling like Mistral and Grill Me can accelerate scaffolding, testing, and deployment of Livewire-based features. It’s especially helpful for those experimenting with automated prompts and Mailtrap integration.

Notable Quotes

"Hello friends, Tony here. Welcome."

—Opening greeting sets the casual, hands-on tone of the video.

"I have installed some skills and I'm going to say create a contact page and we're going to see."

—Demonstrates the prompt-driven approach to AI-assisted scaffolding.

"Now grill me is going to ask me some questions to say yes here."

—Shows how Grill Me interactively customizes the generated code.

"Your message has been sent successfully."

—Confirms end-to-end form submission works in the generated setup.

"I think everything works because also here we can see we don't have the live wire component here liveware class"

—Illustrates the process of converting between component architectures.

Questions This Video Answers

How do you generate a Laravel 13 Livewire contact form with AI prompts like Grill Me?
Can Mistral AI generate a full-page Livewire component for Laravel routes?
What are best practices for testing a Laravel contact form with Mailtrap integration?
How to convert a Livewire component from a partial to a full-page component in Laravel?
How to configure Mailtrap in a Laravel 13 project for form submissions?

Laravel 13LivewireMistral AIGrill MeVibe CLIMailtrapMailablesSingle-page componentsFull-page Livewire componentsFlux UI

Full Transcript

Hello friends, Tony here. Welcome. In today's video, I'm going to test this Mistral AI which is I think the only model AI model from uh Europe. I'm going to test how good is for Laravel development. And I'm going to create a contact page. I have done some uh videos about the contact page. I'm not going to copy that uh prompt I have in my uh chat GPT. I have installed some uh skills and I'm going to say create a contact page and we're going to see. So you can go to mR.ai to learn more about this AI model. Here is a project which is a Laravel 13 with live wire is an empty project. And now I'm going to open uh the terminal. I am in the mal directory and I'm going to use vibe here which is like a cloud code for cloud. This is for the Mistral and yeah I'm using right now Devstral 2 as you can see API experiment plan and 200K tokens. Now we can change so here we have we are on the default we can change the plan accept edits auto approve lean and so on. I'm going to leave the default one. I'm going to ask which skills do you have because as I told you I have installed some skills and yeah as you can see I have keman diagnose find skills flux UI fortify also this grill me grill with dogs improve codebase architecture Laravel best practices laravel development best testing talent CSS ddd and vibe this is from this vibe CLI. Now I'm going to say to create a contact page just like that and I'm going to use mailstrap for this. So I'm going to use mail polarit but yeah let's come here and let's say use the grill me and then I'm going to say create a contact page. I will use the mail trap for this. And now grill me is going to ask me some questions to say yes here. It's going to read the mail php. Very good. And env.ample. And we have a question one page type and technology. Should this be a static blade view live component or fluxy component? I'm going to say live wire component which is also recommended here. So just let's copy this and paste it here. Live wire component options form fields minimal name email message standard I'm going to say standard. So we have standard here access control should be public or authenticated only public and the route URL will be just contact/c contact I'm going to do this one uh this time single mailer and we have question 31 last check or shall I implement now I'm going to And we have eight to-dos. So create mailable class, create liveware component, create blade view. And yeah, let's created the live wire component in the app. Live wire contact form which is a class one and a blade one. Okay. So all green here. We have also files created. Contact form mail views emails contact form. Then the live wire contact form liveware contact form blade also views contact blade routes updated config mail added this contact mail there email and also in thev example added mailstrap smt plus contact mail and also the test now yeah add mail credential file which I have on. Okay, I added my credentials here and also the contact mail here. And maybe I'm going to zoom it here. This one, not this one, but uh this. Okay, so here we are inside the MV file. I have updated. Then in the mail config mail PHP, as you can see, we have this contact mail. Then in the envle has added this. Okay. Next, let's open the web routes. Here we have this route view/c contact using the contact blade. Here's the contact blade. And here has added this contact form which is a blade and this is a live wire component using the app livewire contact form here. We're going to see first to test this one. So let's navigate the / contact. Here's the form. If I say send message, we have validation. I'm going to send now. And yeah, app mail contact for mail subject must not be defined as in class eliminate mail label. So in the contact for mail, I'm going to copy this error and I'm going to ask the I have chos approve as you can see. Okay. So all 10 tests pass. Let's see now again if I refresh. Send. Yes. Not fake filler. Send the message. And I think right now it's working. So your message has been sent successfully. We can come here and of course here is the message. So everything works. Let's go and see also here. What I want is to use uh full page liveware component not the traditional class and uh blade here and I'm going to ask the I just asked to convert the contact form live component to be full single page component and use it in route the same as the profile. Okay, it's going to search for the profile and it's going to see okay I think everything works because also here we can see we don't have the live wire component here liveware class let's run also the mpm run build but I have here composer rundev so it's okay let's see first the live wire we have route live wire pages contact and Here we have a full page component in the pages contact blate. But let's see if it's going to work or not. So come here. Uh this is full which I don't like but okay. If I say send message. Yes. And now send a message. Sending. Okay. Your message has been sent successfully. come here and here is the message. Now let's see also the code this validate first it's going to validate here we have the rules then this is submit interchange to true and it's going to try and catch mail config mail contact mail and inside the config yeah we have in the env file the contact mail is this email and also if we see here is [email protected]. Okay. Then send new contact form mail sender name email subject and user message flux to catch then and finally this is submitted to change to false. Okay, let's go the mail contact form. Mail use cqable construct envelope. We have subject contact form and then this subject. Okay, so here is contact form uh markdown. We have this emails contact form in the views emails contact form is here and yeah we have with name email subject and message and we have name email subject and the message okay friends that's it all about this video what I wanted to show you to create a contact form using also this mailshap.io O and using the Mistral AI with the grill me skill. Now, if you like such a videos, don't forget to subscribe, like, and I'm going to create more videos about this. Or if you have something else, you just drop a comment on this YouTube video. All the best and see you