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.
Pregenerate individual event pages - Next.js Tutorial
From the course: The Freelance Stack: Real Project with Next.js and Strapi
Pregenerate individual event pages
We have now finished the sign-up form for our general interest page on our website and obviously you might think we're now going to move on to the second component but I actually want to build it that we can now adjust our sign-up form because it's really the heart of this whole events section. So what we need to do is actually quite advanced in terms of the Strapi and the data fetching and all of that what we're going to be doing. So I want to get that out the way first. And we have done something similar before, so not all of this will be new. The first thing is we have to generate for each camp that exists, we have to pre-generate the page for it, right? So we've done this before with the block articles and this is just going to give us, you know, performance advantages when we actually already have all of our components server-side built. And we can also take a quick look at how we actually did it for the block articles, right? We have this article folder here, inside we have the…
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)
-