Product feedback app using Next.js

What are you most proud of, and what would you do differently next time?

I really like the select dropdown component I have made which is in home page and in create/edit page. Especially I love that make the accessbility for this which is field I always skip. One thing I would next time to add some aria-label for the elements and switch ul list items with up/down arrows not just with tab press.

Superb thing that made is that the whole project works as full-stack application with back-end not only front-end. It is not first time I have created full-stack app but anyway I really like the whole project and how it works. Next time I would try to create own backend in Express.js and try to implement custom authentication.

Next thing I always forget is to add semantic html tags. I always remind myself of this in half project or in the end.

What challenges did you encounter, and how did you overcome them?

My main challenge that I tried to do completely alone was to make ul list which behaves as dropdown to be accessible. At the begging it was very hard for me and every idea went unsuccess. Solution for this was only to add tabIndex attribute.

What specific areas of your project would you like help with?

In the project every page component is client component because I am using tanstack query for getting data from backend. I wonder if the page component in Next.js should be always as server component or it can be as it is now in this project?