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.
Fix article item for featured items on homepage - Next.js Tutorial
From the course: The Freelance Stack: Real Project with Next.js and Strapi
Fix article item for featured items on homepage
Okay, so the very last thing now for the blog is I have to make a quick correction of the JSX I wrote before, because obviously the idea is that you can now click on any of these items and they will automatically bring you to the article. So how can we do that? Well, we do need to make this first element here a link item, okay? That's almost everything we got to do, except that we also have to give it the link address. here we're just going to go and say this link goes to blog slash article article dot slug just like that and now if we click on any of the articles it brings us exactly where we need to go same way here your perfect stretching routine brings us here there's not any articles in this or there's not any content in this but the functionality now works for all the articles and that actually closes the whole blog section which is absolutely amazing well done for you for sticking so long with it you've done the first four pages of all of this and the only thing left to do is…
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)
-
-