Skip to content
Studjoow

My 2026 stack.

34 tools. Every single one chosen, tested, and battle-hardened on real client projects. No sponsorships, no affiliates — just what actually works in a solo creative studio in 2026.

Tools
34
Updated
May 2026
Author
John Houzi
Frontend

Next.js 15

Full-stack React framework

The current standard for any site that needs to be fast, indexable, and maintainable. App Router, React Server Components, hybrid static generation — nothing rivals it in 2026 for client websites.

TypeScript

Static typing

Essential for any project that will live longer than a week. Errors are caught at compile time, refactoring becomes confident, and the next dev (or me in 6 months) understands the code without having to dig around.

Tailwind CSS v4

Utility-first CSS

Unmatched integration speed. Zero dead CSS in production. The design system lives in the config file, not scattered across 40 .scss files. Tailwind v4 with the new Oxide engine is even faster.

intl

next-intl

Internationalisation (i18n)

The best-integrated i18n library with the App Router. Multilingual routing, type-safe translations, native RSC support. Every client site with an international audience runs on it.

Backend & Infra

Supabase

Database, auth, storage

Managed PostgreSQL with a REST and real-time API included, full auth, file storage. Replaces a custom backend for 90% of client projects without sacrificing flexibility.

Vercel

Hosting & deployment

Native Next.js deployment, global CDN, Edge Functions, automatic branch previews. The best DX on the market for deploying and iterating fast. Preview URLs on every PR for client sign-offs.

Resend

Transactional email

Simple email API, excellent deliverability, clear logs, React SDK for templates. Cleanly replaces SendGrid or Mailgun for independent projects.

Cloudflare

DNS, CDN & security

DNS management and DDoS protection for all client domains. The Cloudflare CDN improves response times across Europe and reduces bandwidth costs. Free tier proxying on most projects.

CMS

WordPress

CMS when the project justifies it

Not my default — Next.js remains my target. But when a client needs full content autonomy, a mature plugin ecosystem, or a WooCommerce integration, WordPress is the most pragmatic and team-familiar solution.

Design

Figma

UI design & prototyping

The reference tool for all design work: mockups, design systems, shared components with clients. Dev Mode and Variables make the design-to-code handoff much more direct.

Ps

Photoshop

Photo retouching & compositing

For product image retouching, compositing, and web asset preparation. Used when Lightroom or AI tools are not enough for a client's specific visual requirements.

Ai

Illustrator

Vector graphics & brand identity

Creating logotypes, icons, vector illustrations, and brand identity systems. Clean, transferable source files compatible with both print and web.

Id

InDesign

Page layout & print

For print deliverables: brochures, annual reports, rich presentations, books. When a client needs a document that will be printed, InDesign remains indispensable.

Ae

After Effects

Motion design & animations

Motion graphics for social media, brand intros, and interface animations. Paired with Lottie, AE animations can be integrated directly into websites without quality loss.

Pr

Premiere Pro

Video editing

For client projects requiring video content: brand presentations, testimonials, institutional videos. Used alongside AI video tools when a project needs finer editing.

AI — Text & code

Claude (Anthropic)

Primary AI assistant & API

My reference model for writing, code refactoring, and AI integrations in client sites. The Claude API is embedded in several projects for content generation or conversational assistants.

GPT

ChatGPT (OpenAI)

Second opinion & brainstorming

Complementary to Claude for questions where a second model provides a different perspective. GPT-4o is particularly useful for image analysis and multimodal tasks in client briefs.

Perplexity

AI research with sources

For research, competitive benchmarks, and any question that requires citable, verifiable sources. Replaces Google for technical searches where accuracy matters.

Gemini (Google)

Multimodal AI & Google integration

Useful for projects integrating with the Google ecosystem (Workspace, Search, Analytics). Gemini 2.0 Flash is competitive on long tasks and large document analysis.

n8n

Automation & AI workflows

No-code/low-code orchestrator for connecting tools: webhooks, batch processing, AI enrichment, notifications. Self-hostable, avoiding Zapier dependency and keeping costs down at high volumes.

AI — Image
Mj

Midjourney

Creative image generation

The best model for creative direction: moodboards, visual concepts, brand identity explorations. v7 produces consistent, styleable results that I can push further in Photoshop.

Ff

Adobe Firefly

Commercially safe image generation

Trained on licensed content, so legally usable in commercial client deliverables. Integrated directly into Photoshop and Illustrator for generative retouching and extensions.

D·E

DALL-E 3 (OpenAI)

API image generation

Accessible via the OpenAI API, useful for client projects needing automated image generation: catalogs, content variations, large-scale personalisation.

AI — Video
Rw

Runway ML

AI video generation & editing

For short creative videos, visual effects, and transitions that would be impossible to do manually. Gen-3 Alpha produces coherent videos from prompts or source images. The industry reference tool.

Kl

Kling AI

High-quality video generation

A serious Runway competitor with often superior motion quality on realistic shots. Useful for brand videos and product content that requires a photo-realistic render.

So

Sora (OpenAI)

Long-form video generation

For videos longer than 10 seconds with strong temporal coherence. Still rolling out, but already usable for brand presentation projects and creative concepts.

SEO & GEO
Sk

Skovr

Internal SEO/GEO audit tool

My own scanning tool. Checks GEO signals (llms.txt, Schema.org, speakable tags), Core Web Vitals, and AI crawler accessibility. Built in-house for studio needs, available in a public version.

Workflow & productivity

Claude Code

AI development agent in terminal

Significantly speeds up repetitive tasks and code migrations. Used for large-scale refactoring, test generation, and legacy codebase porting. Estimated time saving: 40-60% on migration projects.

Git + GitHub

Versioning & collaboration

Feature branches, systematic PRs even when working solo to keep a clean history. GitHub Actions for automated checks (TypeScript, lint). Essential for long-term client project maintenance.

Notion

Docs, briefs & knowledge base

Shared workspace with clients: briefs, moodboards, roadmaps, meeting notes. Every project has its own dedicated Notion space, which cuts out endless email threads.

Loom

Async video walkthroughs

For mockup reviews and feature demos: I record a commented screencast that the client watches at their own pace. Drastically reduces validation meetings.

Stripe

Online payments

Integrated in every client project requiring payments: e-commerce, SaaS subscriptions, order forms. The Stripe API is the most documented and reliable on the market.

Linear

Ticket tracking & roadmap

For multi-phase or multi-stakeholder projects: bug tracking, prioritised roadmap, sprint cycles. Much faster than Jira for an independent studio.

Raycast

macOS launcher & productivity

Replaces Spotlight and amplifies daily productivity: code snippets, window management, GitHub search, instant translation. Raycast extensions for Vercel, Linear, and Figma save several minutes a day.

A note on choices

Why this stack and not another?

Every tool in this list was chosen because it makes me more reliable for my clients, not because it's trendy. The criterion is simple: does this tool reduce the number of things that can go wrong between briefing and delivery?

I do not use opaque platforms with hidden costs. The stack is transparent, transferable, and documented. A client can hand it off to another developer or studio at any moment without being locked in.

This list evolves. I drop a tool when a better one exists, and I add one only when I have used it in production. Last major changes: migration to Next.js App Router (2024), adoption of Supabase to replace Firebase (2025), and systematic integration of AI tools across code, image, and video workflows (2026).

Tool in the lab

Skovr — SEO/GEO scanner.

The tool I built for auditing SEO and GEO signals on any site. Try it directly in the Lab.

Open the Lab

Build with this stack

Your project, built right.

Want a site built with this stack? I apply these same tools to every client project — predictable quality, clean code, and no lock-in.