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.
Creating data for highlight article - Next.js Tutorial
From the course: The Freelance Stack: Real Project with Next.js and Strapi
Creating data for highlight article
So what we've done now is we created the blueprint for how the different components within our block article should look like. This is what we've done. Now we actually need to fill it with data. So I want to have everything in a situation that from the front end, when we're actually starting to write code, we can code every single component without having to go back and forth between Strapi and the code. So in order for us to do this, we're going to now use the highlight article and going to start filling in our components. We have all four components here. If you compare that with the design, you're going to notice that we didn't put the intro component in the dynamic zone. And the reason for that is because the dynamic zone only is responsible for rendering or for creating our article content, right? Everything that happens after this, because all the other information we actually already have from before. So this here is for example the excerpt, this is the title, the author and…
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)
-
-