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.

Text with image component JSX

Text with image 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

Text with image component JSX

“

After the easiest component we're now going to look at the hardest one of them all and that is this image with text component right here and the reason why it's the hardest is just because there's lots of different moving pieces. We have first of all the image here that can be landscape and portrait but it can also be left or right and then we also have the image caption so a little bit more styling to be done and we also have to bring in this paragraph with React markdown right because we want to give you the ability to have like bold font and line breaks and all of that stuff so we will have to write a little bit more JSX or actually we don't we're not going to write that much JSX but we will we will have to think carefully about how we structure our component at least okay so if we go back here we already see now that our headlines are there and it's going to be quite nice when we're done with this video to know that we're now also having created the paragraph with image so the…

Contents