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.

Article intro component JSX

Article intro component JSX - Next.js Tutorial

From the course: The Freelance Stack: Real Project with Next.js and Strapi

Start my 1-month free trial Buy for my team

Article intro component JSX

“

So the next thing we're going to do is create our article intro component. So write this one here, and this will be the first time we're actually going to be working with the article content array, with that dynamic zone coming in from Strapi. What we're going to have to do here is we have to display the excerpt, but then on the other side here we have to create the table of content. So how are we going to do that? If we look at our data, what we have available here is inside of the article content, all those components right here. And how are we, where are we getting the headlines from? Well, all of these headlines here will be displayed one by one in the article of content. So what we got to do is, we have to go through this array of components, find all the ones where the blog article is headlined, save those, and then show them one by one. On top of that, what we want to do is that each one of those elements should link to the corresponding section within the article. the So if I…

Contents