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.
Adjust featured items component for individual event page - Next.js Tutorial
From the course: The Freelance Stack: Real Project with Next.js and Strapi
Adjust featured items component for individual event page
So, now that we have all the data coming in from Strapi, what we need to build is our last component right here, and we actually already have that one. So, for that, we have the Featured Items component right in here, right? This is this one here. I'm going to open it to the right-hand side, because at the moment, it's actually only taking the headline and the items as input. also going to need a little bit more because we need to be able to distinguish now what kind of article or what kind of item rather we want to render right here so what we need to pass in this is to say we want to figure out what the item type is we're going to do that in a second and we'll adjust everything as needed but there's one thing on top of that that we actually have to do with our data before we can feed it into our featured items component which is we still don't have the image right here properly processed. So at the moment what we're getting when we look at our data right here and let's maybe run…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
-
-
-
-
-
-
-
(Locked)
Post requests in Strapi with the newsletter signup7m 7s
-
(Locked)
Hook up frontend to signup component in Strapi10m 16s
-
(Locked)
Strapi participant and event content type7m 21s
-
(Locked)
Feeding data into Strapi for all events6m 56s
-
(Locked)
Signup form JSX15m 50s
-
(Locked)
Styling: Signup form8m 56s
-
(Locked)
Signup form functionality: Sending data to Strapi from main events page18m 50s
-
(Locked)
Pregenerate individual event pages14m 12s
-
(Locked)
Event data processing4m 46s
-
(Locked)
Render individual event page based off Strapi data9m 43s
-
(Locked)
Sign up for specific event8m 56s
-
(Locked)
Fetch and filter upcoming events with a string query from Strapi15m 26s
-
(Locked)
Adjust featured items component for individual event page11m 26s
-
(Locked)
Styling: FeaturedItem component adjusted for event3m 45s
-
(Locked)
Fetch more events on individual event page & thank you10m 45s
-
(Locked)
-