Blade Component Cookbook
As part of the Laravel 7 release, we gained access to supercharged Blade components. What's exciting about this is the fact that it can fundamentally change how you go about constructing the view layer of your applications. In this series, one component per episode, I'll show you a wide range of practical examples that you can freely use in your own projects.
Series episodes
Prerequisite - Blade Components Explained
5m 45sDiscover what Blade components are and why they matter. Get a clear, friendly introduction to using Blade for cleaner, reusable Laravel views before diving into examples.
Flash Component
7mBuild a simple, flexible x-flash component to display dynamic messages effortlessly. Follow along to enhance your Laravel apps with clean, reusable UI elements.
Form Component
6m 30sBuild a simple, reusable form component that auto-includes @method and @csrf tags, streamlining your Laravel form setup with clean, efficient code.
Form Button Component
4m 42sSimplify form workflows by creating a reusable delete button component. Learn how to build clean, efficient UI elements for better user interactions.
Modal Component
8m 26sCreate a reusable modal component by wrapping TailwindUI’s modal. Learn to build clean, interactive overlays that enhance your app’s user experience.
Dropdown Component
14m 36sBuild a reusable dropdown Blade component using Tailwind CSS and Alpine.js. Follow along to create interactive, clean UI elements with ease.
Nav Link Component
9m 32sCreate a reusable nav link component that eliminates duplication and smartly handles active link logic. Simplify your Blade templates with this practical guide.
Mobile Nav Link Component
12m 28sLearn how to create a separate mobile nav-link component for responsive designs. Easily style navigation for both desktop and mobile layouts with this practical guide.
Tabs Component
18m 16sBuild an intuitive, reusable x-tabs component with ease. Learn how to create flexible, user-friendly tabs that enhance your Alpine.js projects in this episode.
Social Media Card Meta Component
7m 28sCreate a simple Blade component to add essential Twitter and Facebook meta tags for social media cards. Boost your Laravel app’s sharing power today!
Recaptcha Component
28m 32sBuild a reusable Recaptcha Blade component with Alpine.js to secure any form. Follow setup and integration steps in this practical Laracasts tutorial.
