Link Sharing App (NextJS, Typescript, Supabase, Drizzle, TailwindCSS)

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

This was the first time I had used react-query and I was surprised to see how well it worked with NextJS and how I could use it to prefetch the data on the server and not just use it on the client.

One thing I would do differently would to be plan exactly how I want to approach the state and how I want to build the project in general before getting started. I had originally wanted to use the react context API to handle the state, but then switched to react-query to handle the state, and because of this I feel the code became a lot messier than it needed to be.

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

One of the main challenges of this project was how to handle image file uploads, how to preview them, store them in a database, then retrieve it and render it.

In in the end it wasn't to bad to implement. I managed to do it through a lot of researching, reading & trail and error.

This has definitely sparked an interest in me and I want to learn more about how to handle & use different file types, not just images, in future applications I build.

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

One of the main areas I always find myself struggling with is architecture and I always feel like the way I arrange the folders and files isn't the most clean way of doing things and can get messy, especially when the app begins to scale.

I will have to do some research in the future in how to better organise and structure my overall projects.

If anyone has any tips or any resource material that you feel like can help, please let know or If you have any feedback about the project itself, let me know also, any and all feedback will be greatly appreciated, Thank you! 👍👍👍