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.
Render individual event page based off Strapi data - Next.js Tutorial
From the course: The Freelance Stack: Real Project with Next.js and Strapi
Render individual event page based off Strapi data
As you can tell, this component, the sign up form component, is probably the most complex in the whole app. We're probably going to do at least this video but maybe even another video on the whole structure because what we still have to do is we have to pass in everything correctly and we also then have to adjust the data we're actually sending to Strapi depending on the camp id here as well. So we'll still be doing quite a bit of more work. Now the first thing and one of the simpler things is we need to create the infotext here as a React markdown component. Why are we not doing that inside of our signup form? Well the reason is because we still have our overall events page right here, right? We still have this and this here we don't want to pass in React markdown. This is already perfect as it is. So basically our signup form is going to take the infotext however it is, whether it's already in, or it expects it to be already in the right format, whether that is running through a…
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)
-