Medea - Apr 11 '23 - I recently started learning Next.js and I wanted to improve my Next.js skills, so I decided to make a simple Login and Signup Website with Next.js and MongoDB.
The website has 4 pages and 3 API routes:
/: where the user can see if they have logged in or not, and view all the other pages they can access/login: a page where the user can login/signup: the page where the user can signup for an account/profile: where the user can check their account creation date/api/signup: the API route where a user's account is created/api/login: the API route where the password entered is checked/api/logout: the API route where the username cookie is deletedI have used cookies to check if the user has logged in.
The cookies are set and deleted in the /api routes but read using getServerSideProps.
The full source code can be viewed in this GitHub repo:
This template uses Next.js and MongoDB to create a simple login and signup website.
To use this template, simply fork the repo, and added your MongoDB URI to the .env file with the key MONGODB_URI.
To view the template in action, visit https://login-signup-nextjs.vercel.app
Can you check out the code and give me ways I can improve?
