Claude Code Workflows Part 1: Visual Debugging on a Headless Server
8 min read
How I review UI changes without a browser — using Playwright MCP for screenshots, a self-hosted image service, and a Claude Code skill that ties it all together.
Blog
Thoughts on web development, TypeScript, GraphQL, Prisma, and open source.
Allaiclaude-codedebuggingdeploymentdevelopmentdevopsgithub-actionsgraphqlhetznernginxperformanceplaywrightpm2prismaremote-developmentsecurityserversshtailscaletypescriptubuntuvpn
Remote Dev Server Guide Part 5: Production Deployment with GitHub Actions & PM2
9 min read
Set up automated production deployments to your Hetzner server using GitHub Actions, Tailscale VPN, PM2 process management, and Nginx reverse proxy with SSL.
Remote Dev Server Guide Part 4: Claude Code & Development Workflow
13 min read
How to install Claude Code on your remote server, set up a productive development workflow with tmux, and build features with AI assistance from any device.
Remote Dev Server Guide Part 3: Security with Tailscale VPN
6 min read
How to secure your Hetzner server with Tailscale VPN, SSH hardening, and custom port configuration so it's only accessible through your private network.
Remote Dev Server Guide Part 2: Initial Server Setup
6 min read
How to configure a fresh Ubuntu server for development — creating users, installing Node.js, Bun, Docker, PostgreSQL, and setting up a comfortable shell environment.
Remote Dev Server Guide Part 1: Choosing a Hetzner Dedicated Server
4 min read
Why I moved my entire development environment to a Hetzner dedicated server, how to pick the right specs, and what to expect from the ordering process.
Improve Your GraphQL Performance with Prisma
5 min read
Learn how to solve the GraphQL N+1 problem and over-fetching issues using PrismaSelect to analyze GraphQL queries and generate optimized Prisma select objects.