Home/Guides

Guides

Practical how-to guides for vibe coding, from choosing your stack to launching and growing your SaaS.

27 topics

What this section covers

This is the how-to shelf. If the rest of VibeReference is the dictionary, Guides is the cookbook — end-to-end walkthroughs for the workflows that cross category boundaries. You'll find playbooks like Getting Started with Vibe Coding, Choosing Your Tech Stack, and Shipping a Next.js Site in a Weekend for the first-ship journey, plus deeper tracks on AI memory architecture, building AI-powered features, integrating payments with Stripe, and the full post-launch growth playbook for what to do once the code is live. Guides on Claude Code automation, running Paperclip on EC2 with Tailscale, and building a content pipeline with AI cover the autonomous-development workflows the rest of the site references but rarely walks through end-to-end. It's aimed at developers who already know what React and Postgres are and now want the opinionated sequence for actually shipping — minus the enterprise boilerplate most tutorials drag along.

Authentication & Authorization Patterns

Implementing auth with Supabase, Clerk, and NextAuth — protecting routes, managing sessions, and role-based access control.

Automating Workflows with Claude Code Scheduler

Claude Code's scheduling features let you save a prompt and have it run automatically on a recurring cadence. Instead of opening a new session every morning ...

Azure OpenAI Service Quickstart for Vibe Apps

If you want GPT-powered features with enterprise security, Azure OpenAI Service is a strong option for solo founders building B2B products. You get OpenAI mo...

Building a Content Pipeline with AI Researchers and Writers

Producing high-quality content at scale is the core challenge of content marketing. AI can help — but not by asking ChatGPT to "write a blog post about X" an...

Building AI-Powered Features

Adding LLM capabilities to your app — API integration, streaming responses, prompt management, and cost control.

Choosing Your Tech Stack

How to evaluate and pick the right frontend, backend, database, hosting, and auth/payments stack for a new SaaS project.

Claude Code: Complete Getting Started Guide

Claude Code is Anthropic's AI coding agent that lives in your terminal. It connects directly to your codebase, understands your project structure, and writes...

Database Design for SaaS

Schema patterns, Supabase/Postgres setup, Row Level Security, migrations, and common SaaS data models.

Deploying to Production

Vercel deployment, environment variables, custom domains, SSL, and CI/CD basics for your SaaS app.

Getting Started with Vibe Coding

A practical introduction to building software with AI — what vibe coding is, how to think about it, and how to get your first project off the ground.

How to Build a Vercel Web Analytics Data Lake on Cloudflare R2

Stream Vercel Web Analytics into a queryable Apache Iceberg data lake on Cloudflare R2 using Drains, Workers, and Pipelines. Full setup guide with SQL examples.

How to Run Paperclip on EC2 with Tailscale HTTPS

Run Paperclip on an EC2 instance (or a Mac) and access it over Tailscale with real HTTPS — no port forwarding, no self-signed certs, no public internet expos...

How to Think About Memory for Your AI App

A decision framework for choosing the right memory architecture for your AI app — from chat history to knowledge graphs, with practical guidance for solo founders and vibe coders.

Integrating Payments with Stripe

Subscriptions, checkout flows, webhooks, customer portal, and testing with Stripe CLI.

Memory Patterns That Make AI Apps Feel Magical

Six UX patterns — progressive profiling, preference inference, temporal awareness, graceful forgetting, transparency, and cross-session continuity — that separate demo-quality AI apps from the ones users pay for.

npm Essentials for AI-Powered Projects

`npm` is still the default package manager for many AI projects, and it works well with Next.js, Vercel, and most model SDKs. Where teams usually get into tr...

Paperclip Backup Retention and Maintenance

Paperclip creates hourly database backups (~125 MB each) with no built-in retention. Left unchecked, that's roughly 3 GB/day — it will fill your disk. This g...

Paperclip Production Migration: Embedded PostgreSQL + Local Disk → Supabase

Move your Paperclip instance from embedded PostgreSQL and local disk to Supabase Postgres and S3-compatible Storage to reduce RAM pressure and stop EBS growth.

Performance Optimization

Core Web Vitals, image optimization, lazy loading, caching strategies, and database query tuning for your SaaS app.

Post-Launch Growth Playbook

Analytics setup, user feedback loops, iteration strategies, and marketing channels for indie SaaS.

Prompt Engineering for Code Generation

Writing effective prompts for AI coding tools — setting context, iterating on output, debugging, and handling multi-file changes.

SEO Fundamentals for SaaS

Technical SEO, meta tags, sitemaps, structured data, content strategy, and Google Search Console setup for your SaaS app.

Setting Up a Custom Domain on Vercel

Connecting a domain to Vercel is easy in principle, but many teams lose time on DNS edge cases (especially around apex vs `www` and registrar defaults). This...

Setting Up an Autonomous AI Company with Paperclip

An autonomous AI company is one where AI agents handle the day-to-day operational work — coding, marketing, research, product management — while humans serve...

Shipping a Next.js Site in a Weekend with Vibe Coding

You can go from zero to a live, deployed Next.js site in a single weekend using AI coding tools. Not a toy — a real site with content, SEO, and a domain. Thi...

Testing & Quality Assurance

Testing strategies for vibe-coded apps — manual testing, automated tests, cross-browser testing, and accessibility.

Why Your AI App Forgets Everything (And How to Fix It)

Learn why LLM-powered apps lose context between sessions, what 'memory' actually means for AI apps, and the three types of memory every vibe coder needs to understand.