StackTechnologies
A deliberate stack, chosen for longevity.
We standardise on tools we can support for years, and we show which portfolio projects use each one.
01Principles
Why we choose what we choose.
- 01
TypeScript everywhere
One language across web, API, mobile and tooling. Fewer handoffs, fewer surprises in production.
- 02
Validate at the edge
Every form, API route and webhook is parsed with a schema before any business logic runs.
- 03
Authorise on the server
Roles and permissions are enforced where data lives, never only in the interface.
- 04
Simple to operate
Managed hosting, one database, an outbox for email, and documentation the client can follow without us.
- 05
Measure, then optimise
Performance budgets on real devices. Images sized, fonts subset, motion disabled where the user asks.
- 06
Idempotent integrations
Webhooks verify signatures and are safe to replay. Payments and bookings never double process.
02The stack
Grouped by layer, linked to work.
Frontend
TypeScript
Strict typing across web, mobile and services.
Used in CleNest, ShopMe, Passion Nutrition Clinic
React
Component model for marketing sites, dashboards and apps.
Used in CleNest, ShopMe, Passion Nutrition Clinic
Next.js
App Router, server components, image optimisation and routing.
Used in CleNest, ShopMe, Passion Nutrition Clinic
Tailwind CSS
Token driven styling with design system discipline.
Used in CleNest, Passion Nutrition Clinic, LeadForge
Backend
Node.js
Server runtime for APIs, jobs and integrations.
Used in CleNest, ShopMe, ArenoX LMS
NestJS
Structured service architecture for larger back ends.
Used in ShopMe, Paylio Staff Management
Express
Lightweight HTTP services and webhooks.
Used in Annotrix
Zod
Schema validation at every boundary.
Used in CleNest
Databases
MongoDB
Document database for flexible operational data. Community Edition supported for self hosting.
Used in ShopMe, LeadForge, ArenoX LMS
Mongoose
Typed schemas, indexes and validation for MongoDB.
Used in ShopMe, ArenoX LMS
PostgreSQL
Relational database for transactional and reporting workloads.
Used in ShopMe, LeadForge, Paylio Staff Management
Prisma
Typed ORM and migrations for SQL databases.
Used in Annotrix
Mobile
React Native
Cross platform mobile apps sharing TypeScript logic with the web.
Cloud and Deployment
Vercel
Hosting and edge network for Next.js applications.
Used in ShopMe, Passion Nutrition Clinic, LeadForge
Docker
Reproducible service packaging and local environments.
GitHub Actions
Continuous integration for typecheck, lint, tests and deployments.
Object storage (S3 compatible)
Media and document storage with signed uploads.
Architecture and Integration
REST and Webhooks
Verified, idempotent integrations with third party platforms.
Used in CleNest
Role based access control
Server enforced permissions and audit trails.
Used in ArenoX LMS, Paylio Staff Management, AreniX Branch Manager
Transactional email (Resend)
Outbox backed email delivery with status tracking.
Playwright
End to end tests and automated screenshot pipelines.
Design and Motion
Figma
Flows, prototypes and design systems.
GSAP and ScrollTrigger
Scroll linked storytelling where motion carries meaning.
Motion for React
Component and route transitions with reduced motion fallbacks.
Lenis
Smooth scrolling that keeps native behaviour intact.
03Reference architecture
How the pieces fit together.
Next step
Want a second opinion on your architecture?
We review existing systems and propose migrations with the same honesty we apply to our own work.
