From the course: Next.js Ecommerce: Build a Shopping Platform from Scratch

Unlock this course with a free trial

Join today to access over 25,200 courses taught by industry experts.

Credentials sign-in form

Credentials sign-in form - Next.js Tutorial

From the course: Next.js Ecommerce: Build a Shopping Platform from Scratch

Start my 1-month free trial Buy for my team

Credentials sign-in form

“

So we have our auth layout and sign-in page. Now we need to create the form, which is going to be in a separate component. So everything is really broken up in this project. We want separate components for every form and just all the pieces of the UI. Now, you have a choice here. You could put the form in the components folder if you want. But since it's only part of the sign-in page, I'm actually going to include it in app, parentheses, auth, sign-in and in that I'll create a new file and we're going to call this credentials-signin-form.tsx. And then we'll do SFC credentials sign-in, or yeah, we'll do uppercase I form. And for now, I'll just put whatever form. And we want to bring that into the page that we created in the last video. So here, let's say import and what is it, credentials sign-in form. And we're going to add that right here where I put the comment. So add that. And now we should just see the text form. All right, so we can close the page up for now. Let's go back to…

Contents