A new layout approaches

Summary

In this video, I discuss creating a new dashboard layout component for our content management system. I explain that by separating the dashboard layout from the main app layout, we gain flexibility to develop dashboard-specific features. I outline the planned dashboard design, which includes a full-screen navigation bar, stats, recent subscribers, and an article management section where users can create, paginate, and update articles. I demonstrate creating a new dashboard base layout file, adjusting the navigation, and preparing the groundwork for future authentication and subscriber management features.

Transcript

Okay, so before we start actually adding authentication and adding the functionality for the content management system I want to introduce a new layout component That is going to be very specific to our dashboard And we could reuse the one the base layout we have for our app of our blog but by separating we are We are able to develop or expand upon our dashboard independent of our app We might have let's say a site navigation bar for our dashboard is very very common in dashboards That doesn't really fit well into our app So so by splitting this up from the from the get-go It becomes becomes very easy to to make the dashboard work in a way that's beneficial to us So I've created this little sketch here so Keep in mind that yes, we could technically use the app Or the blog layout for for creating this this UI right here but for the for the sake of showing different approaches we're gonna we're gonna separate it anyways and We will simply have our navigation bar that takes up the entire Screen we're gonna be showing some stats. This will come the next module when we start adding subscribers Same thing with recent subs here. It's just gonna be the the recent was six subscribers we had and the thing we're gonna really be building in this module is this This this component right here this setup right here where we show some articles we can we can Go through all of our articles paginate through them We can create new ones and we can click in and update them So no matter if we click new Update we're gonna be presented with something like this. It's just a form where we can we can update all of the elements of an article so tile description read time I don't have it here But we also need to associate an article with a file and then create or update depending on the action We are doing so this is what we are going to be setting up. So we're basically just going to be adding a New file to our view called dashboard layout and then we will we will start to build upon that All right. So let's start here in our terminal and go into views We don't really need to be doing too much in this video. Actually. We just want to grab the base layout here Jump out and then create a new file called dashboard. Let's call it dashboard base It's also going to be in package views and then we paste the base layout dashboard base What else do we need to change we don't need to change the output CSS file but we can change the title to be dashboard We don't need a footer. We do need a navigation So we have this one from from the base component, right? So let's just grab it And then we can create a one specifically for our dashboard Navigation that's what navigation go down and update it here and Yeah, this is this is gonna be one-to-one. But again, imagine you might want a completely different navigation Component that fits better with your with your dashboard now, it's separated You can easily make all the changes you need without having to to juggle different designs Let's see what routes we want to keep we want to remove articles because we show this on the on the home page We don't have an about page, but we are gonna be having our subscribers page subscribers and News letters Let us again here Which will basically just show a table of our subscribers and newsletters once we get to once we get to that point Right, but for now, this is this is all we we really need And we're gonna leave it as is for now. We're gonna be working on authentication Logging and all that next but now at least our dashboard layout is It's ready and we can actually start using it once we get a little bit further in this module