Fullstack: Next 13.4 - Auth Clerk - Typescript - Tailwind - Firebase

Hi fellow coders!

I finally had some time to code again this month and complete this challenge. 🎉

I used my favorite stack, as usual: Next.js 13.4.7 (completely hooked on using Next.js.. it simply rocks!) + TypeScript + Tailwind. I'm still adjusting to TypeScript, but I'm finding it progressively easier to work with, and its invaluable feature of providing immediate feedback is incredibly helpful in spotting any errors or inconsistencies.

For this project, I decided to keep improving on how to create a Full Stack application with authentication using Clerk.

The entry points in my app are authenticated, but unfortunately, all users have access to the same data in the database. So, if user A changes the bookmarks, it will also affect user B. Surely it's not ideal but it was a good learning experience. Seems like Firebase and Next.js 13 don't work well together, especially in terms of SSR. For the next challenge, I plan to use PlanetScale or Prisma to deploy to a proper database.

There are a few small improvements that could be made, such as opening a modal to play the video instead of embedding it directly in the div.

Quite happy with the results. 🥳🎉🎊

If you have any suggestions, please do so.

Also, feel free to follow me on Twitter: https://twitter.com/ackdeckard