From the course: The Freelance Stack: Real Project with Next.js and Strapi

Unlock this course with a free trial

Join today to access over 25,200 courses taught by industry experts.

Footer JSX structure

Footer JSX structure - Next.js Tutorial

From the course: The Freelance Stack: Real Project with Next.js and Strapi

Start my 1-month free trial Buy for my team

Footer JSX structure

“

Now that we finished the header what we're going to be doing is create the footer in a similar way. Now before we do that I just want to do a little bit of restructure here and within my components folder I want to have a layout folder that I'm just going to drag the header.jsx into. If you are using Visual Studio Code it should automatically update the file import so here you can see that it's already done that for me and nothing else really needs to be done. The next thing we're going to be doing is just in the same folder create our footer.jsx and similar we can actually leave the header file open here to the side because we're going to create our footer in a very similar way. So I'm going to say here I'm going to return just a footer with a class name footer and for now I'm just going to put in an h1 tag right in here and just say footer to make sure that it's all working. Don't forget to export your component right here like this and then we're going to bring it in on the layout…

Contents