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.
Other articles section on individual blog page - Next.js Tutorial
From the course: The Freelance Stack: Real Project with Next.js and Strapi
Other articles section on individual blog page
So that actually means we have the article itself done. All of the individual components are now coded up, meaning that for every piece of data that comes from Strapi, we render something on the front end, which is perfect. What we haven't done yet is one last section here on the article page where we actually show all the other articles, but that shouldn't take us too long because we already have the right component to create that. So we're going to go into the page here, the page.jsx on the individual blog page, and we're going to bring that component in. So that's going to be the featured items component. And we can pass different elements to that. So I'm just going to split this one to the right so that we see what elements here we should pass in. And I'm going to comment this out for now because we're going to create those elements first. First of all, and most importantly, have to pass in the articles that should be displayed on that component. So in this case here, we want to…
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)
Create dynamic zone in Strapi for customizable blog content14m 6s
-
(Locked)
Creating data for highlight article8m 28s
-
(Locked)
Article hero section JSX5m 45s
-
(Locked)
Styling: Article hero section5m 26s
-
(Locked)
Article intro component JSX8m 40s
-
(Locked)
Styling: Article intro component5m 29s
-
(Locked)
Generic article component to render different component depending on Strapi data9m 14s
-
(Locked)
Article headline JSX3m 15s
-
(Locked)
Styling: Article headline1m
-
(Locked)
Text with image component JSX15m 9s
-
(Locked)
Styling: Text with image component5m 48s
-
(Locked)
Article paragraph JSX2m 23s
-
(Locked)
Styling: Article paragraph1m 6s
-
(Locked)
Image component JSX3m 49s
-
(Locked)
Styling: Image component2m 20s
-
(Locked)
Other articles section on individual blog page3m 17s
-
(Locked)
Blog section homepage JSX13m 11s
-
(Locked)
Styling: Blog section homepage8m 52s
-
(Locked)
Fix article item for featured items on homepage1m 18s
-
(Locked)
-
-