Our Toolkit
Tools I use & love
Every tool in this stack has earned its place through daily use on real client projects. No sponsorships — just honest recommendations.
Development
5 toolsNext.js
FreeThe React framework for production. Server-side rendering, static generation, API routes, and the App Router.
Every client site and the Agency Website are built on Next.js 15. It gives us server components, edge rendering, and zero-config deployment on Vercel.
TypeScript
FreeJavaScript with type safety. Catches bugs at compile time instead of in production.
We use TypeScript across the Agency Website, API routes, and Prisma schemas. It eliminates an entire class of runtime errors and makes refactoring safe.
Tailwind CSS
FreeUtility-first CSS framework. Ship styled components without writing custom stylesheets.
Every page you see on this site uses Tailwind. Combined with CSS custom properties, it lets us build responsive, dark-mode-ready interfaces fast.
Prisma
FreeNext-generation ORM for Node.js and TypeScript. Type-safe database access with auto-generated queries.
Powers the client portal, deliverables management, and all database operations. Prisma Migrate handles schema changes across environments.
VS Code
FreeThe code editor that 73% of developers use. Extensions, debugging, Git integration, and terminal — all in one window.
Our daily driver for all development. With the TypeScript, Tailwind IntelliSense, and Prisma extensions, it is essentially an IDE.
Design
3 toolsFigma
PaidCollaborative design tool for wireframes, mockups, and prototyping. The industry standard for UI design.
Client wireframe approvals, component design, and brand palette exploration happen in Figma before any code is written.
Framer Motion
FreeProduction-ready animation library for React. Declarative animations with spring physics.
Page transitions, scroll-triggered reveals, hover interactions, and the before/after slider on the case studies page.
GSAP
FreeProfessional-grade JavaScript animation library. Timeline-based animations with ScrollTrigger.
Complex scroll animations on template sites, parallax effects, and staggered entrance sequences that Framer Motion handles less elegantly.
Hosting
3 toolsVercel
PaidThe deployment platform built by the creators of Next.js. Global edge network, instant rollbacks, preview deployments.
Every site we deploy goes through Vercel. Git push to deploy, automatic HTTPS, and a generous free tier that covers most client sites.
Neon
PaidServerless PostgreSQL with autoscaling, branching, and a generous free tier. Built for modern serverless architectures.
The Agency Website database runs on Neon. Prisma connects via connection pooling, and we use branching for staging environments.
Cloudflare
PaidGlobal CDN, DDoS protection, DNS management, and edge computing. The infrastructure layer behind billions of requests.
DNS management, SSL certificates, and CDN caching for template sites. The free plan covers everything most client sites need.
Analytics
3 toolsGoogle Analytics 4
FreeThe standard for web analytics. Event-based tracking, audience insights, conversion measurement.
Installed on every client site as part of the base build. Tracks page views, form submissions, click-to-call events, and custom conversion goals.
Vercel Analytics
FreePrivacy-friendly, zero-config analytics built into the deployment platform. Real User Monitoring with Core Web Vitals.
We monitor real-world performance metrics — LCP, FID, CLS — across all Vercel-deployed sites. No cookie banners required.
Google Search Console
FreeDirect insight into how Google sees your site. Search queries, indexing status, Core Web Vitals, and crawl errors.
Set up on every client site at launch. We monitor search performance, submit sitemaps, and catch indexing issues before they impact rankings.
Business
3 toolsStripe
PaidPayment processing for the internet. Subscriptions, invoicing, checkout sessions, and webhook-driven workflows.
Powers the client billing system, one-time project payments, and recurring maintenance subscriptions. Integrated via the Stripe Node SDK.
Formspree
PaidForm backend for static sites. No server required — just point your form action and receive submissions via email or webhook.
Contact forms on template sites that do not need a backend. Simple, reliable, and free for low-volume sites.
n8n
PaidOpen-source workflow automation. Connect any API, automate repetitive tasks, build custom integrations.
Client onboarding workflows, automated backup notifications, invoice generation triggers, and Slack alerts for form submissions.
Transparency note: Some links on this page may be affiliate links, meaning we earn a small commission if you sign up through them at no extra cost to you. We only recommend tools we use daily on real client projects. Our recommendations are based on experience, not sponsorships.
Want this stack working for you?
We use these exact tools to build every client site. Let us put them to work for your business.