Design comparison
Solution retrospective
- The extension of the original challenge by adding additional features like the Admin Dashboard and User Account management.
- Successfully implementing a full-stack application using Next.js, especially as it was my first time working with this framework.
- The integration of Cloudinary for secure storage of user avatars and show thumbnails.
- The implementation of role-based access control (user and admin roles).
To test the app, you can use the following credentials:
User Role:
Login: [email protected]
Password: 12345678
Admin Role:
Login: [email protected]
Password: 12345678
- Learning Next.js and its App Router as a first-time user.
- Integrating full-stack components with Prisma and PostgreSQL.
- Implementing secure authentication with NextAuth.js.
- Incorporating Cloudinary for image management.
- Efficient error handeling.
To be honest, error handling across the app has been my biggest headache. I know I didn't do it properly, and I'm really looking for guidance here. I'm struggling with how to handle errors consistently, especially since we're dealing with both client-side and server-side stuff in Next.js. I'm not sure if I should be approaching server actions and database errors differently from other types of errors.
I've tried some basic error handling, but it feels patchy at best. If anyone has experience with error handling in a Next.js, Prisma, and PostgreSQL stack, I'd really appreciate any tips, code examples, or resources you could share. I'm eager to learn and improve this aspect of my app.
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord