We use a carefully chosen set of modern technologies that prioritise performance, developer experience, and long-term maintainability. Every tool earns its place in the stack.
| Technology | Purpose |
|---|
| Astro | Static site generation with island architecture |
| React | Interactive UI components |
| Tailwind CSS | Utility-first responsive styling |
| Alpine.js | Lightweight reactivity for simple interactions |
| GSAP | High-performance scroll animations and timelines |
| Framer Motion | React animation library for component transitions |
| TypeScript | Type-safe JavaScript with strict mode |
| Technology | Purpose |
|---|
| Supabase | Postgres database, authentication, and real-time subscriptions |
| Netlify | Static hosting with global CDN and serverless functions |
| Netlify Functions | Serverless API endpoints |
| Node.js | Server-side JavaScript runtime |
| Technology | Purpose |
|---|
| Three.js | 3D graphics and WebGL scenes |
| React Three Fiber | React renderer for Three.js |
| p5.js | Creative coding and generative art |
| WebGL | Low-level GPU-accelerated graphics |
- Astro + Tailwind delivers the fastest possible static sites with minimal JavaScript
- React handles interactive islands where client-side state is genuinely needed
- Supabase provides a full backend (database, auth, real-time) without managing servers
- Netlify offers zero-config deployment with global CDN and automatic SSL
- TypeScript catches bugs at build time rather than in production
This stack is continuously evaluated and updated as the ecosystem evolves. Tools are chosen based on ROI — they must earn their place by solving real problems better than the alternatives.
