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.
Featured items component JSX structure - Next.js Tutorial
From the course: The Freelance Stack: Real Project with Next.js and Strapi
Featured items component JSX structure
Awesome. Okay, what we're going to be doing next now is we'll work on our featured articles component right here. And that is going to complete our blog page, or the front end at least of our blog page. There's still a lot more to do. But there's one thing here that I want you to be very careful of. When we get a design, usually what we should do is check whether certain components are repeated somewhere else and whether they behave very similarly in another place. And in this case here we actually see that. Our featured articles component here on the blog page is pretty much exactly the same as our upcoming camps and events blog, sorry camp and events component right here and also on the on the individual events page as well. So the only difference really is that here we're displaying six items while here we're only displaying three and in this case by the way this is just from the design point of view that we see what happens if we click on see more right there's just another row…
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)
Highlight Article JSX structure8m 8s
-
(Locked)
Styling: Highlight article6m 42s
-
(Locked)
Subscribe to newsletter JSX structure4m 34s
-
(Locked)
Styling: Subscribe to newsletter component9m 57s
-
(Locked)
Functionality subscribe to newsletter component6m 15s
-
(Locked)
Featured items component JSX structure11m 36s
-
(Locked)
Styling featured items component12m 19s
-
(Locked)
-
-
-
-