First, install new Laravel application to be used as testing application. We are not using DB, so It might be good enough to start new application with Herd. The folder structure after initiating the application will look like<\/p>\n\n\n\n
my-laravel-app\/\n\u2514\u2500\u2500 packages\/\n \u2514\u2500\u2500 your-vendor\/\n \u2514\u2500\u2500 blade-theme\/\n \u251c\u2500\u2500 composer.json\n \u251c\u2500\u2500 src\/\n \u2502 \u251c\u2500\u2500 BladeThemeServiceProvider.php\n \u251c\u2500\u2500 resources\/\n \u2502 \u2514\u2500\u2500 views\/\n \u2502 \u2514\u2500\u2500 layout.blade.php\n \u251c\u2500\u2500 routes\/\n \u2502 \u2514\u2500\u2500 web.php (optional, for demo\/testing)\n \u2514\u2500\u2500 README.md<\/code><\/pre>\n\n\n\nIt is developed under “packages” directory. Then, it will be installed with Composer in product and the directory will be “\/vendor\/your-vendor\/blade-theme\/”. It will have the same level of directory structure.<\/p>\n\n\n\n
composer.json (for your package)<\/strong><\/p>\n\n\n\n{\n \"name\": \"your-vendor\/blade-theme\",\n \"description\": \"A Blade theme package for Laravel.\",\n \"type\": \"library\",\n \"autoload\": {\n \"psr-4\": {\n \"YourVendor\\\\BladeTheme\\\\\": \"src\/\"\n }\n },\n \"extra\": {\n \"laravel\": {\n \"providers\": [\n \"YourVendor\\\\BladeTheme\\\\BladeThemeServiceProvider\"\n ]\n }\n },\n \"require\": {\n \"php\": \"^8.1\",\n \"illuminate\/support\": \"^10.0 || ^11.0 || ^12.0\"\n }\n}<\/code><\/pre>\n\n\n\nBladeThemeServiceProvider.php<\/strong><\/p>\n\n\n\n<?php\n\nnamespace YourVendor\\BladeTheme;\n\nuse Illuminate\\Support\\ServiceProvider;\n\nclass BladeThemeServiceProvider extends ServiceProvider\n{\n public function boot()\n {\n \/\/ Load package views\n $this->loadViewsFrom(__DIR__ . '\/..\/resources\/views', 'blade-theme');\n\n \/\/ Optionally publish views for customization\n $this->publishes([\n __DIR__ . '\/..\/resources\/views' => resource_path('views\/vendor\/blade-theme'),\n ], 'blade-theme-views');\n }\n\n public function register()\n {\n \/\/\n }\n}<\/code><\/pre>\n\n\n\nExample View (layout.blade.php)<\/strong><\/p>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <title>@yield('title', 'Blade Theme')<\/title>\n<\/head>\n<body>\n <header>\n <h1>Welcome to My Blade Theme<\/h1>\n <\/header>\n <main>\n @yield('content')\n <\/main>\n <footer>\n <p>Powered by Blade Theme<\/p>\n <\/footer>\n<\/body>\n<\/html><\/code><\/pre>\n\n\n\nAdd the Package to Laravel (my-laravel-app\/composer.json)<\/strong><\/p>\n\n\n\n\"repositories\": [\n {\n \"type\": \"path\",\n \"url\": \"packages\/your-vendor\/blade-theme\"\n }\n]<\/code><\/pre>\n\n\n\nThen you can run Composer to require your package.<\/p>\n\n\n\n
composer require your-vendor\/blade-theme:@dev<\/code><\/pre>\n\n\n\nWhen all of them are done, you can test the Theme in your app. Create a Blade file using your package layout:<\/p>\n\n\n\n
{{-- resources\/views\/welcome.blade.php --}}\n@extends('blade-theme::layout')\n\n@section('title', 'My Custom Page')\n\n@section('content')\n <p>This is using the Blade theme!<\/p>\n@endsection<\/code><\/pre>\n\n\n\nAnd route it:<\/p>\n\n\n\n
Route::get('\/', function () {\n return view('welcome');\n});<\/code><\/pre>\n\n\n\n<\/p>\n\n\n\n
Some tips for trouble shooting can be:<\/strong><\/p>\n\n\n\nChecking your Laravel (illuminate) version.<\/p>\n\n\n\n
php artisan --version<\/code><\/pre>\n\n\n\nRestarting and Rebuilding after changing namespace or structure<\/p>\n\n\n\n
php artisan view:clear\nphp artisan config:clear\ncomposer dump-autoload<\/code><\/pre>\n\n\n\nPublishing the views<\/p>\n\n\n\n
php artisan vendor:publish --tag=cemclf-views<\/code><\/pre>\n\n\n\n<\/p>\n\n\n\n
I have built one Composer package for my office which mimics Drupal site of https:\/\/cemc.uwaterloo.ca. The repository is available on: https:\/\/github.com\/waterloobae\/cemclf<\/a>
Composer package on Packagist is https:\/\/packagist.org\/packages\/waterloobae\/cemclf<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"First, install new Laravel application to be used as testing application. We are not using DB, so It might be good enough to start new application with Herd. The folder structure after initiating the application will look like It is developed under “packages” directory. Then, it will be installed with Composer in product and the […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4,14],"tags":[],"class_list":["post-846","post","type-post","status-publish","format-standard","hentry","category-it-tips","category-laravel"],"_links":{"self":[{"href":"https:\/\/waterloobae.com\/blog\/wp-json\/wp\/v2\/posts\/846","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/waterloobae.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/waterloobae.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/waterloobae.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/waterloobae.com\/blog\/wp-json\/wp\/v2\/comments?post=846"}],"version-history":[{"count":8,"href":"https:\/\/waterloobae.com\/blog\/wp-json\/wp\/v2\/posts\/846\/revisions"}],"predecessor-version":[{"id":900,"href":"https:\/\/waterloobae.com\/blog\/wp-json\/wp\/v2\/posts\/846\/revisions\/900"}],"wp:attachment":[{"href":"https:\/\/waterloobae.com\/blog\/wp-json\/wp\/v2\/media?parent=846"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/waterloobae.com\/blog\/wp-json\/wp\/v2\/categories?post=846"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/waterloobae.com\/blog\/wp-json\/wp\/v2\/tags?post=846"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}