3 Ways to Eliminate Duplicate HTML Blocks in Blade Templates

Originally published at recca0120.github.io When duplicate HTML blocks appear in a Blade template, there are several ways to eliminate the repetition. Suppose the original template looks like this: <div> Hello World </div> this is content <div> Hello World </div> Method 1: @include Directive Create hello-world.blade.php : <div> Hello World </div> Use @include to load it: @include('hello-world') this is content @include('hello-world') Method 2: Component Create components/hello-world.blade.php : <div> Hello World </div> Use <x-hello-world /> to load it: <x-hello-world /> this is content <x-hello-world /> Method 3: ob_start @php(ob_start()) <div> Hello World </div> @php($hello = ob_get_clean()) {!! $hello !!} this is content {!! $hello !!} The first two are official Laravel approaches, but both require extracting the duplicate block into a separate file. The third method uses ob_start to capture the output into a buffer, then retrieves it -- no extra file needed. It's suitable for blocks