Technology Stack

MarGioM uses modern, practical tools for websites, web apps, dashboards, client portals, files, payments, email, and automation. The final stack is chosen around each project's scope and risk.

Frontend
Next.js, React, TypeScript, Tailwind CSS, shadcn/ui

Fast, responsive pages and reusable interfaces for websites, dashboards, portals, and product screens.

Backend and server actions
Next.js App Router, server actions, route handlers

Forms, workflow updates, secure downloads, payment callbacks, and admin actions can run on the server.

Database
Supabase PostgreSQL

Durable records for requests, clients, projects, milestones, invoices, tickets, files, and activity logs.

Authentication
Supabase Auth readiness, invite-only client access, admin roles

Verified clients can be invited into private workspaces while public signup stays controlled.

File storage
Supabase Storage readiness and secure download routes

Project files, proposals, contracts, payment proof, and handover documents can be kept organized.

Email
Resend transactional email workflow

Request confirmations, proposal updates, payment notices, support replies, and portal invites can be sent reliably.

Payments readiness
Manual proof flow, Chapa gateway architecture, future providers

Clients can start with manual proof and later move toward verified online payment flows.

Documents
PDF and DOCX generation

Proposals, requirement summaries, contracts, and discovery records can become downloadable business documents.

AI and automation readiness
AI summary service, future OpenAI/AI SDK integration path

Discovery data can support requirement summaries, proposal drafts, support triage, and workflow automation.

Hosting and security
Vercel deployment, Supabase policies, server-side validation

Production apps can be deployed with safer server checks, role boundaries, and environment-based configuration.

Practical stack selection

The stack should serve the workflow, not the other way around.

A simple business website should not carry unnecessary complexity. A private portal, ecommerce system, dashboard, or SaaS MVP needs stronger data modeling, authentication, file storage, testing, and payment planning. MarGioM chooses the smallest responsible technical foundation for the client's current stage.