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.
Experience page: Reuse created hero section and infoblocks - Next.js Tutorial
From the course: The Freelance Stack: Real Project with Next.js and Strapi
Experience page: Reuse created hero section and infoblocks
Awesome, what we're going to be doing now is we'll move on to the second page, right? So right now we have the hero section, we have the info blocks on the main page, and the reason why we're moving to the next one is because the blog is quite complicated, and we want to build this section when we're actually feeding in the data into Strapi for our blog page. So first of all, we will build the second page here, which has this hero section, which we're going to do in this video, and then we're going to move on to also add the info blocks, which actually will only take a couple of minutes. So we might do all of that in this one. For us to do that, the very first thing is to create a new page. Now we have file-based routing, let me close all of this. We have file-based routing, meaning that I can now go in here and say I have another page. We want to call, or the route for this page is going to be experience like that and then in here we're just going to go page jsx okay so very similar…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
-
-
(Locked)
Header JSX structure17m 24s
-
(Locked)
Styling: Header8m 43s
-
(Locked)
Footer JSX structure10m 18s
-
(Locked)
Styling: Footer8m 11s
-
(Locked)
Hero section JSX structure16m 27s
-
(Locked)
Styling: Hero section15m 26s
-
(Locked)
InfoBlocks JSX structure9m 26s
-
(Locked)
Styling: InfoBlocks5m 53s
-
(Locked)
Experience page: Reuse created hero section and infoblocks8m 47s
-
(Locked)
Styling: Adjust header colour per path1m 26s
-
(Locked)
-
-
-
-
-
-