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 hero section JSX

Article hero section 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 hero section JSX

“

Now we can finally start building the front-end for the data that I showed you here at the end of the last video What we'll do first is the info component right here at the top and For this one. You might be tempted to say well. It looks very similar to what we've built previously on the On the hero section for the cam page and the main and the starting page or experience page But there's actually so many differences that it doesn't actually make too much sense in my opinion. This font size here is differently sized We do have the date here. We have the article. We don't have the logo here at the bottom So we'll just create this as its own component right here. So how are we going to do that? Well, and also by the way, this is going to be an easing into This session because the following components might be or the next one will be a bit harder So to do that we're going to go here into our page.jsx that is for the individual article and We're going to take away the article headline…

Contents