Vibe Coding The Smart Way

Understanding what to build in the age of AI, why SaaS remains profitable, and why speed to market is more critical than ever.

• What to Build in the Age of Artificial Intelligence
  8 min

  Every week, another headline claims AI will replace software developers. Every month, a new AI tool promises to eliminate the need for custom applications. If you are reading this, you might be wondering: Is it too late to build a SaaS? Has AI already taken all the good opportunities? The short answer is no. The slightly longer answer is that AI has actually expanded the market for specialized software, not shrunk it. But the nature of what gets built, and who builds it, is changing fundamentally. The Fear: AI Will Build Everything The fear is understandable. Watch a demo of Claude Code or Cursor, and you will see applications being built in minutes. Tasks that once took weeks now take hours. If AI can build software this fast, why would anyone pay for SaaS products? Why would customers not just generate exactly what they need? This line of thinking contains a critical error. It confuses the ability to generate code with the ability to solve business problems. Why ChatGPT Cannot Book Your Hotel Consider a simple task: booking a hotel room. You might think: "I will just ask AI to build me a hotel booking system." Try it. Ask any AI to create a complete hotel booking platform. You…

Step-by-step deployment guides for SvelteKit and Phoenix applications. Deploy to Cloudflare Pages, Netlify, Fly.io, or your own VPS with Dokploy.

• Deployment Overview
  8 min

  Deploying your application is the final step in making it available to users. This chapter provides an overview of deployment options for ThinkCodeShip templates, helping you choose the right platform for your needs. Development Tools Setup Before deploying, set up your development environment with modern tools: Install mise (Version Manager) mise manages programming language versions: Install pnpm (Package Manager) We recommend pnpm over npm for faster, more reliable installs: Why pnpm? Faster: Content-addressable storage with parallel downloads Disk efficient: Shared package store across projects Strict: Prevents phantom dependencies (accessing packages not explicitly declared) Reliable: Deterministic lockfile ensures reproducible builds All frontend commands in this guide use pnpm. Replace with your preferred package manager if needed. Deployment Architecture ThinkCodeShip templates use a separate frontend and backend deployment model: Why separate deployments? Frontend can be served from edge locations (faster) Backend can scale independently Different platforms optimized for each layer Simpler maintenance and updates Platform Comparison Frontend Deployment Note: We recommend…

• Deploying SvelteKit to Vercel
  12 min

  Vercel is the optimal platform for deploying SvelteKit applications. Created by the same team behind Svelte, Vercel offers first-class support with automatic deployments, global CDN, and serverless functions. Why Vercel? Native SvelteKit support: Zero configuration required Automatic deployments: Deploy on every git push Preview deployments: Test changes with unique URLs Global edge network: Fast loading worldwide Serverless functions: API routes work out of the box Free SSL: Automatic HTTPS certificates Prerequisites Before starting: Git repository with your SvelteKit code Vercel account (free tier available) Node.js 20+ installed locally Install Development Tools We recommend using mise (version manager) and pnpm (package manager) instead of npm: Install mise (version manager for Node.js): Install Node.js via mise: Install pnpm: Why pnpm instead of npm? Faster: Uses content-addressable storage, shared across projects Disk efficient: Packages are stored once, hard-linked into projects Strict: Prevents accidental access to undeclared dependencies Reliable: Lockfile format is more deterministic than npm Step 1: Prepare Your Project Configure Adapter Ensure your svelte.config.js uses…

• Deploying SvelteKit to Cloudflare Pages
  12 min

  Cloudflare Pages is a powerful, privacy-focused platform for deploying SvelteKit applications. With a global CDN, edge functions, and generous free tier, it's an excellent choice for hosting your frontend. Why Cloudflare Pages? Privacy-first: Cloudflare does not use your data for AI training Global CDN: 300+ locations worldwide for fast load times Edge functions: Run code at the edge (Cloudflare Workers runtime) Generous free tier: Unlimited bandwidth, 500 builds/month Git integration: Automatic deployments from GitHub/GitLab Custom domains: Free SSL with automatic renewal Prerequisites Git repository with SvelteKit code Cloudflare account (free tier available) Node.js 20+ installed Install Development Tools We recommend using mise (version manager) and pnpm (package manager) instead of npm: Install mise: Install Node.js via mise: Install pnpm: Why pnpm over npm? Faster installs through content-addressable storage Strict dependency isolation prevents phantom dependencies Disk space efficient through hard-linking More reliable lockfile format Step 1: Prepare Your Project Configure Adapter Install the Cloudflare adapter: Update svelte.config.js: Environment Variables Create…

• Deploying SvelteKit to Netlify
  12 min

  Netlify is a powerful platform for deploying SvelteKit applications, offering features like form handling, edge functions, and branch-based deployments. This guide walks through the complete deployment process. Why Netlify? JAMstack pioneer: Optimized for modern frontend frameworks Form handling: Built-in form submissions without backend code Edge functions: Run code at the edge ( Deno runtime) Branch deploys: Every branch gets its own URL Split testing: A/B testing with traffic splitting Large free tier: Generous limits for side projects Prerequisites Git repository with SvelteKit code Netlify account (free tier available) Node.js 20+ installed Install Development Tools We recommend using mise (version manager) and pnpm (package manager) instead of npm: Install mise: Install Node.js via mise: Install pnpm: Why pnpm over npm? Faster installs through content-addressable storage Strict dependency isolation prevents phantom dependencies Disk space efficient through hard-linking More reliable lockfile format Step 1: Prepare Your Project Configure Adapter Install the Netlify adapter: Update svelte.config.js: Environment Variables Create frontend/.env.production: Security Note: Use an…

• Deploying SvelteKit to VPS with Dokploy
  15 min

  Dokploy is an open-source Platform as a Service (PaaS) that simplifies deploying applications on your own VPS. This guide covers deploying SvelteKit to a VPS using Dokploy for complete control over your infrastructure. Why Self-Host? Cost: Fixed monthly cost vs per-usage pricing Control: Full control over server configuration Privacy: Data stays on your infrastructure Learning: Understand deployment fundamentals No vendor lock-in: Move providers easily Prerequisites VPS with Docker support (Ubuntu 20.04+ recommended) Domain name pointing to your VPS SvelteKit application ready for deployment SSH access to your server Install Development Tools Locally We recommend using mise (version manager) and pnpm (package manager): Install mise: Install Node.js and pnpm: Why pnpm over npm? Faster installation through content-addressable storage Shared package store across projects saves disk space Strict dependency isolation prevents phantom dependencies More reliable lockfile ensures reproducible builds Step 1: Set Up Your VPS Server Requirements CPU: 1+ cores RAM: 1GB+ (2GB recommended) Storage: 20GB+ SSD OS: Ubuntu 20.04/22.04 LTS Initial Server Setup Connect to your server: Update system:…

• Deploying Phoenix to Fly.io
  18 min

  Fly.io is the premier platform for deploying Elixir applications. With first-class support for the BEAM VM, clustering, and hot code reloading, it's the ideal choice for Phoenix deployments. Why Fly.io for Elixir? Native Elixir support: Optimized for the BEAM VM Clustering: Connect nodes across regions Hot upgrades: Deploy without downtime Managed PostgreSQL: Easy database setup Global deployment: Run close to your users Competitive pricing: Pay for what you use Prerequisites Fly.io account (signup) Fly CLI installed Phoenix application ready Git repository Step 1: Install Fly CLI macOS Linux Windows Verify Installation Step 2: Login to Fly.io This opens a browser to authenticate. Step 3: Prepare Your Phoenix App Release Configuration Create backend/rel/overlays/bin/migrate: Make it executable: Create backend/lib/taskmaster/release.ex: Runtime Configuration Update backend/config/runtime.exs: Dockerfile Create backend/Dockerfile (if not exists): Create backend/.dockerignore: Step 4: Launch on Fly.io Initialize Fly App From your backend directory: This will: Detect your Phoenix app Suggest configuration Create fly.toml Set up secrets **When prompted:** App name: your-app-name (must…

• Deploying Phoenix to VPS with Dokploy
  20 min

  Self-hosting your Phoenix backend gives you complete control over your infrastructure. Using Dokploy simplifies the process while maintaining flexibility. This guide walks through deploying Phoenix to your own VPS. Prerequisites VPS with 2GB+ RAM (4GB recommended) Ubuntu 20.04/22.04 LTS Domain name pointing to your server Phoenix application ready for production Step 1: Server Preparation Connect and Update Create Deploy User Configure SSH (Optional) Install Docker Step 2: Install Dokploy Open firewall: Access Dokploy: Complete setup: Create admin account Add your server Step 3: Set Up PostgreSQL Option A: Dokploy Database Service Go to Dokploy Dashboard → Databases Click "Create Database" Select "PostgreSQL" Configure: Name: postgres Version: 15 Database: taskmasterprod User: taskmaster Save password securely Option B: Docker Compose (More Control) Create /opt/postgres/docker-compose.yml: Run: Step 4: Prepare Phoenix Application Release Configuration Create backend/lib/taskmaster/release.ex: Create backend/rel/overlays/bin/migrate: Make executable: Create backend/rel/overlays/bin/server: Make executable: Runtime Configuration Update backend/config/runtime.exs: Dockerfile Create…

• SSL and Domain Configuration
  14 min

  SSL certificates and proper domain configuration are essential for production applications. This chapter covers everything you need to know about HTTPS, custom domains, and DNS setup. Why SSL/HTTPS Matters Security Encryption: Data transmitted between user and server is encrypted Authentication: Verifies your server is who it claims to be Integrity: Prevents data tampering in transit SEO and Trust Google ranks HTTPS sites higher Browsers mark HTTP sites as "Not Secure" Users trust HTTPS padlock icon Required for Modern Features Service Workers (PWA support) Geolocation Camera/Microphone access Payment processing SSL Certificate Basics Types of Certificates Certificate Components Public key: Encrypts data sent to server Private key: Decrypts data (keep secret!) Certificate chain: Validates certificate trust Expiration date: Certificates expire (typically 90 days to 1 year) Getting Free SSL Certificates Let's Encrypt Free, automated, and open certificate authority. Used by most platforms. Features: Free forever 90-day validity (auto-renewed) Domain validation only API for automation Platform-Provided Certificates Most deployment platforms handle SSL automatically: Domain…