Tooling
Tooling
Not a logo wall. This is the vibe-coding system: how I scope, build, ship, and make brands visible to AI answer engines.
The system
- 01
Scope in plain language
Fixed packages, real timelines. No discovery theater. Systems mapped before code.
- 02
Build with AI, review with craft
Cursor + Claude/OpenRouter for speed. Architecture, tests, and integrations checked by hand.
- 03
Ship production-grade
Next.js on Vercel, Supabase for data, Resend for comms. Monitoring and governance included.
- 04
Make it citable
GEO/AEO: structured data, llms.txt, answer-first content. The site proves the method.
Stack
Next.js
Framework
Primary web framework for client and own products
Vercel
Hosting
Default hosting and CI/CD
Supabase
Data
Backend for apps that need persistent data
Cursor
Editor
Daily driver for vibe-coding workflows
Claude / OpenRouter
LLM
Architecture decisions, code generation, review
Resend
Comms
Contact forms, notifications
Tailwind CSS
Styling
Design tokens and rapid UI
MCP
Integrations
Connect AI tools to external systems
Business Central
ERP
Finance, inventory, and operations integrations
Sage
ERP
Legacy and mid-market ERP data sync and workflows
Salesforce
CRM
Sales, service, and custom object integrations
AWS
Cloud
Infrastructure, serverless, and data services
Azure
Cloud
Enterprise cloud, identity, and AI services
Google Cloud
Cloud
Analytics, ML pipelines, and cloud workloads
Shopify
Commerce
Storefronts, headless commerce, and order sync
Mollie
Payments
Dutch payment flows, iDEAL, and subscriptions
Stripe
Payments
International payments, billing, and subscriptions
Moneybird
Accounting
Invoicing, bookkeeping, and financial data sync
Yuki
Accounting
Automated bookkeeping and reporting integrations
Render
Hosting
APIs, background workers, and Postgres hosting
Sentry
Monitoring
Production error tracking and performance monitoring
| Tool | Category | Role in the system |
|---|---|---|
| Next.js | Framework | Primary web framework for client and own products |
| Vercel | Hosting | Default hosting and CI/CD |
| Supabase | Data | Backend for apps that need persistent data |
| Cursor | Editor | Daily driver for vibe-coding workflows |
| Claude / OpenRouter | LLM | Architecture decisions, code generation, review |
| Resend | Comms | Contact forms, notifications |
| Tailwind CSS | Styling | Design tokens and rapid UI |
| MCP | Integrations | Connect AI tools to external systems |
| Business Central | ERP | Finance, inventory, and operations integrations |
| Sage | ERP | Legacy and mid-market ERP data sync and workflows |
| Salesforce | CRM | Sales, service, and custom object integrations |
| AWS | Cloud | Infrastructure, serverless, and data services |
| Azure | Cloud | Enterprise cloud, identity, and AI services |
| Google Cloud | Cloud | Analytics, ML pipelines, and cloud workloads |
| Shopify | Commerce | Storefronts, headless commerce, and order sync |
| Mollie | Payments | Dutch payment flows, iDEAL, and subscriptions |
| Stripe | Payments | International payments, billing, and subscriptions |
| Moneybird | Accounting | Invoicing, bookkeeping, and financial data sync |
| Yuki | Accounting | Automated bookkeeping and reporting integrations |
| Render | Hosting | APIs, background workers, and Postgres hosting |
| Sentry | Monitoring | Production error tracking and performance monitoring |