| Next.js |
React framework, Server-side rendering support and easy delopyment to Vercel |
Best fit for a small production-style app: file-based routing + SSR/SSG support for fast loads, and seamless deployment on Vercel (where the backend can also live). |
| TypeScript |
Type safety and maintainability |
Reduces bugs when integrating with the API (request/response types, error states) and keeps the codebase maintainable as features expand. |
| Tailwind CSS |
Fast styling and consistent UI |
Speeds up UI iteration for an MVP and enforces consistency without writing lots of custom CSS—useful for building forms, layouts, and responsive pages quickly. |
| shadcn/ui + Radix + Layered UI |
Accessible, composable components |
Provides accessible, production-quality UI primitives (dialogs, toasts, inputs) so the app looks polished without reinventing complex interaction patterns. |
| Lucide React |
Lightweight and Modern icon set |
Clean, consistent icons with minimal bundle impact—helps the UI feel modern without adding heavy dependencies. |
| Vercel |
Simple Next.js deployment |
Fast deployments and previews for every change, plus straightforward environment variables—ideal for shipping and iterating quickly. |
| Figma |
UI Design Planning and prototyping |
Easy to Design, Planning and prototyping |