Project Setup

General

• yarn
• monorepo setup
• singular command to run whole build process
• proxy server to allow development on the frontend

Frontend

Framework

• next (Client-side rendering)
• typescript

Components:

Your choice, but I recommend:

• https://www.radix-ui.com
• https://www.heroui.com
• https://headlessui.com

Styling

• tailwindcss
• clsx
• tailwind-merge

Data Fetching

• @tanstack/react-query

Backend

Framework

• express
• typescript

Database

• kysely
• kysely-codegen
• mysql2
• zod

Development

• nodemon
• tsx

Misc

• bcrypt (Password hashing)
• cookie-parser
• dotenv
• jsonwebtoken
• uuid