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.

InfoBlocks JSX structure

InfoBlocks JSX structure - 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

InfoBlocks JSX structure

“

Next step is to actually build the rest of the homepage or the main page and for that we're going to have these different blocks here. Let me get out of dev mode for now. These blocks here and what we're going to try to do is not actually just build the component so that it's usable here on the main page but again also usable on our experience page right. For that we're just going to build the JSX structure for now. So we're going to need a picture, the headline, the text and the button and everything in a flex container later on. So first thing for us to do is actually get the asset out. So we're gonna need this rectangular image from here. I'm just gonna export it like this. 400 kilobytes is a bit large but it doesn't actually matter because this component will be the first one where we're gonna get the data from Strapi later on. So for now this is just placeholder information, placeholder data. Okay so I'm just gonna pull that picture I'm gonna call it experience. Let's actually…

Contents