How to style the auth pages
I just started a new t3 stack complete with prisma and nextauth, but am a bit confused as to where the files with the auth html are and how to edit them to make them prettier.
3 Replies
afaik you can't edit the default pages other than changing colors or logos with theming. for a more custom look you can create your own pages: https://next-auth.js.org/configuration/pages#theming
Pages | NextAuth.js
NextAuth.js automatically creates simple, unbranded authentication pages for handling Sign in, Sign out, Email Verification and displaying error messages.
You could implement your own auth pages by using the
signin and signout functions by 'next-auth'. Here's a reference: https://next-auth.js.org/getting-started/client#signin.Client API | NextAuth.js
The NextAuth.js client library makes it easy to interact with sessions from React applications.
@Sturlen @Jay thank you!