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.

Header JSX structure

Header 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

Header JSX structure

“

Cool, we're back on the front end and so far where we stand right now is we've set all the sass up, all the files should be right there, but we haven't actually done anything in the JavaScript yet. Now if you're unfamiliar with Next.js, this should already give you a little bit of a better understanding how it generally works, because the first thing we're going to be doing is we'll add a header and a footer to our application. The way that works, or the way the routing works, as we've already seen in the in the crash course, is that within the app folder we can have different files. Now we have one in the root or we have two files in the root folder which are layout and page. Those can exist also in all of the child folders but right now if I put anything within layout it will display anywhere else within my application and that's exactly what I want to have for my header because my header needs to be everywhere on the page and this is what my header looks like. I have a logo, I have…

Contents