Efficiency Through Organization: Laravel’s Route Groups Explained Who could have guessed that there would be so much to discuss in routing. If you think this is a lot, there will be another 10 articles or so on just routing a little later when we get into more advanced stuff. We’re still baby-stepping through Laravel. I’m eager to get us into Controllers and Models, so we’ll do an intro into those next. Laravel — P22: Named Routes What are route groups? Route groups is a nice and simple way to reduce redundancy. Let’s say that we have the following routes: /admin/contact
Category: Web Development
Unlocking the Power of Laravel: Mastering Named Routes Routes change. “We don’t like contact-us; can it just be contact? We also don’t like about-us; can it just be about?” These are the kind of questions that you get from your amazingly awesome Marketing team that’s there to only make your life super simple all the time. Laravel — P21: Artisan Intro and Route List Does it matter that you have a ton of components that all have the route hard-coded in? How many <a href=”/about-us”>About</a> will you have to modify to <a href=”/about”>About</a>? Luckily, there are named routes. Once you set a name for your route, you
Laravel Essentials: Exploring Artisan and Navigating Routes I’ve teased the artisan utility a few times and now is the time to introduce it. We won’t go into it’s full functionality yet, instead we’ll build on it. The only command that we’ll look at in this article is the one that shows you your entire route list. Laravel — P20: Routing Methods and Redirects Artisan Artisan is just a command line tool that exists inside the root of your application. So, each time that you install Laravel, you’ll get the artisan tool along with it. Open your folder and you’ll see it there. If
A Guide to Routing Techniques and Redirect Strategies For this article, we’re going to stay in our comfort zone. Even though we haven’t looked at the artisan command yet, used Controllers, Models, etc, there was still enough content to write 19 other articles. There are going to be a few more written before we get to it. Nice and easy steps. Laravel — P19: Component Layouts This time, I want to explain our routes/web.php file a little further and the kind of stuff that we can do there. We have been using our router as our controller as well for many instances. I love
Actually Creating the Layout Believe it or not, the difficult part was covered in the previous article. Breaking apart the header and footer components was a tedious task. Creating a layout is simple. Laravel — P18: Component Layout Prep-Work Recap We first created the following file: views/layouts-test/index.blade.php. <!DOCTYPE html> <html lang=”{{ str_replace(‘_’, ‘-‘, app()->getLocale()) }}”> <head> <meta charset=”utf-8″> <meta name=”viewport” content=”width=device-width, initial-scale=1″> <title>{{ $title }}</title> <!– Fonts –> <link href=”https://fonts.bunny.net/css2?family=Nunito:wght@400;600;700&display=swap” rel=”stylesheet”> <!– Styles –> <style> /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}a{background-color:transparent}[hidden]{display:none}html{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}*,:after,:before{box-sizing:border-box;border:0 solid #e2e8f0}a{color:inherit;text-decoration:inherit}svg,video{display:block;vertical-align:middle}video{max-width:100%;height:auto}.bg-white{–tw-bg-opacity: 1;background-color:rgb(255 255 255 /
Layouts For Our Blade Components In the previous article, we looked at breaking apart our header and storing it into components. This time, we’ll continue on and break apart our footer. We’ll then create a layout and add our body content in the next article Laravel — P17: Components Within Components The Setup In our components directory, we’ll create a new subdirectory called layouts. The layouts directory will contain a header and a footer subdirectory. The header directory will contain all of our code that we focused on in the previous article: logo.blade.php main.blade.php nav.blade.php nav-button.blade.php nav-dropdown.blade.php nav-dropdown-option.blade.php The footer subdirectory will contain our footer components that we’ll work
Component Inception We’re going to see what the true power of components looks like; I should have called this article Component Inception since we’ll be going deep inside our components. In the previous article, we just touched on the topic, but we’re going to expand it fully this time. Laravel — P16: Blade Anonymous Components Introduction Our header component will be composed of smaller components. We can choose how small we want to go. What it looks like right now Our header contains all of the code that composes our top menu navigation. <!DOCTYPE html> <html lang=”{{ str_replace(‘_’, ‘-‘, app()->getLocale())
What Are Anonymous Components in Blade? We’ve been leading up to it for the last few articles and we’re finally here, components. The funny part about it is, although I prefer components, I actually prefer Vue components more than Blade components. Vue components might come much later down the road, but if you’re interested in reading on it before we actually get there, I wrote an article or two on it already. https://blog.devgenius.io/laravel-9-x-with-vue-tailwind-and-vue-router-4c2da39831ea If you haven’t read the previous article on Template Inheritance, you should since we’ll cover how to transition the code from the layout file there to component
Building Larger Applications with Layouts When you’re building larger applications, it makes sense to create layouts. We did that somewhat in the last couple of articles with the @include directive but we’ll actually create a layout this time. Even when we covered the @include directive, the reason why we used it was because the layout of the pages did not change. We had the same header and the same footer. Creating Blade Layouts using Template Inheritance was widely used before components were brought in. We’ll get to components in the next article, but I wanted to show you what it used to look
Sometimes You Need to Inject Pure PHP Raw PHP in Blade Files: it’s not something that I advocate, but sometimes you just need to write some raw PHP in your Blade files. Read the previous article on Including Subviews Imagine the following scenario. You’re a front-end developer working with a backend developer on a product view. You’re both building an e-commerce application for a B2B company. The customer can log in and they should be able to see their pricing since the distributor offers tiered pricing for their customers. Currently, the backend sends you the regular price of the product.