What's in the box?
Transparency matters. Here's exactly how this site was built, plus a look at the other tools we reach for when the problem demands them.
This Site
Next.js & TypeScript
The engine room. Next.js handles the heavy lifting (SSR, SEO), while TypeScript keeps the codebase strict, scalable, and bug-free.
Tailwind CSS
Rapid styling without leaving the HTML. It keeps the bundle small and the design consistent across every screen.
Framer Motion
Brings the pixels to life. It powers everything from the scroll-driven reveals to the smooth page transitions.
FFmpeg
Optimizes the asset pipeline. We use it to compress and sync the robot videos so they look crisp but load instantly.
What Else Is Possible
Front-end Frameworks
We adapt to the need. React (Vite/Router) for snappy SPAs. Astro for content-first sites. Sometimes, plain HTML & JS is the best tool for the job.
Hosting & Infrastructure
Scale matters. Whether it's a managed provider like Vercel or a custom Docker container on AWS/GCP, we deploy where it makes sense.
WebGL & Three.js
When standard DOM elements aren't enough, we go 3D. Capable of fully immersive environments and complex visual effects.
Back-end & Data
Fast, reliable data. We architect solutions using Headless CMS, SQL (MySQL, RDS), Edge (D1), or NoSQL (Firebase, DynamoDB)—cached by Redis for speed.
Data Visualization
Making sense of the numbers. Python handles the heavy analysis, while Recharts turns the data into beautiful, responsive dashboards.
Advanced Audio
Sound adds depth. We use Audacity and Ableton to craft custom soundscapes that react to user interaction.