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.

Generic article component to render different component depending on Strapi data

Generic article component to render different component depending on Strapi data - 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

Generic article component to render different component depending on Strapi data

“

So, for everybody who doesn't go through the styling videos and who's now back looking at the next stuff with the JSX structure, there's one little thing you have to do in your page component for the individual article, which is you have to wrap a section around the article overview with the class name article section. Otherwise, we're going to now get to the juicy bit of creating our components depending on the input. In this video, we're actually just going to set everything up for that. What we're going to be doing is we're creating a general component that will use a switch statement to understand what kind of data is coming in and then decide on which component to render. I guarantee it will make a lot more sense just in a second. We're going to create a new file here in our blog folder within the components folder and we're and we're going to call this ArticleComponent.jsx, which sounds very generic, but that's exactly what it's going to be, right? We're going to have a very…

Contents