This app is using T3 stack (Next, tRPC, TypeScript, Prisma, Tailwind, NextAuth), however packeges were installed one by one (not with npx create-t3-app@latest). App also uses MongoDB as database (only free db option) and BunnyCDN for media storage.
The app is intended for private use (CDN is a paid service, Mongo as well at some point), but you can provide your own environemnt variables (check .envexample) and play around. At first glance app might remind you of social media app, but it count likes differently & focuses on serving most used images.
- Provide your own services & secrets in
.envexample - Install dependencies-
npm i - Generate schema-
npx prisma generate - Run
npm run devto start project locally
- some UI elements are overflowing, position/z-index colliding (most likely)
- user verification in session is done by calling unstable function on every page load, this should be done with middleware, but multiple problems occured during making that part
- compression of big images slows experience
Feel free to suggest changes or README.MD errors, however schema will most likely stay the same, unless there is good reason to change it.