In this video, we are going to render a couple of components that we may need for our project.
And since this project is all about CSS or any CSS framework, I'm going to give you the components
for each section.
And again, you don't need to be familiar with having sources before you can continue on, but also
you can use your own CSS framework or your own custom CSS.
So let's get started.
So this is where we left by rendering the log in page.
When I go to log in, this is what we have and we are going to replace this one with tearing CSS form,
likewise the home page.
So let's get started with the homepage.
So here we go.
Inside the SLC components, let's create one folder and call it as home page and I'm going to drop the
component for that and I'll provide this one also for you.
And this is the home page component.
The next step is let's go ahead and then render that.
So inside the app, let's require the home page component and here we go.
So we are going to create a route for that and going to be route.
And the path is going to be.
Forward slash meaning homepage and then the elements.
And then the components is homepage.
Let's save it.
Now, let's have a look where we got some error here because there is no header found for that.
So let's go ahead and also create a header component.
So inside the components, let's create one for the core header.
And as usual, I'm going to copy that component inside the header folder and that is it.
So let's check it out and see.
And this is what we have and you can change the image if you want it.
So this is a home page component.
Great.
The next video, let's go ahead and then render the log in and then the registration form component.