Tech Stack
Before any code gets written, it's worth knowing what you're building on. This lesson is a plain-language tour of the stack behind QR Studio: what each piece does and why it's there. You don't need to understand any of it deeply to follow along, but knowing roughly how the parts fit together makes everything the agent does afterwards much easier to follow.
What you'll walk away with:
- Next.js and React for the app itself, covering both the pages people see and the code running behind them
- Postgres as the database, where every account and saved QR code lives
- Better Auth for sign-up, sign-in and sessions
- The roles of the frontend, backend, database and authentication, and where one ends and the next begins
- Why authentication is the one thing you should never hand-roll, and what an established tool gives you for free
Nothing here needs to be memorised. It just means that when the agent starts naming things, you know what it's talking about.