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.
Signup form JSX - Next.js Tutorial
From the course: The Freelance Stack: Real Project with Next.js and Strapi
Signup form JSX
We're going to start with the structure for the sign-up form here. When I say sign-up form, what I mean is basically this whole element here at the top, right? So on the left-hand side, we're going to have the text on the main page that's going to be just a general text of like, oh, you want to stay tuned for our events, this is what we usually offer you, blah, blah, blah. And then on the individual page, it will be whatever we just fed into, whatever we just fed into Strapi right here. So inside here we have the description. That is what we want to usually display on this side here. So the way we're going to do is we're going to make it its own component and then have the parent component pass in the information that is needed. So let's get started with that in order for me to create a new component I will go in here and say I have an events folder and inside that I do have the signup form JSX and that one is just going to be a signup form it will take some props which we're getting…
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)
-