Guides

Step-by-step tutorials to level up your vibecoding skills.

8 min readIntermediate

Adding OpenRouter Fallback to Your Ollama App

When your local machine is off, your app shouldn't die. Build a health-checked fallback from Ollama to OpenRouter's free tier with zero disruption to callers.

9 min readAdvanced

Sanitizing Web Content Before an LLM Sees It

When your app fetches arbitrary URLs and feeds them to an LLM, the page can attack your model. Here's the defense-in-depth pattern that actually holds up.

10 min readBeginner

Make Slide Decks from Markdown with Marp

Write presentations as Markdown files and export them to PDF, PPTX, or HTML with Marp. Full walkthrough — install, frontmatter, themes, images, speaker notes, and CI export.

9 min readBeginner

Writing Documentation with AI

A practical workflow for using AI to draft, tighten, and maintain READMEs, wikis, and inline docs — without ending up with generic AI-speak.

6 min readIntermediate

Building a Rate Limiter Without Dependencies

Protect your APIs from abuse with a hand-rolled rate limiter in under 50 lines of TypeScript. No Redis, no libraries, no bullshit.

6 min readIntermediate

Cancelling In-Flight LLM Streams

Users click Stop. Tabs close. Pages navigate. If your chat API keeps generating, you're burning tokens and server memory for nothing. Here's how to cancel cleanly.

5 min readBeginner

Pre-Commit Hooks for AI-Generated Code

Stop bad AI code at the gate. A beginner-friendly guide to setting up Git pre-commit hooks that catch the mistakes AI most often makes.

7 min readIntermediate

Streaming LLM Responses with Server-Sent Events

Build a chat UI that feels instant. Learn how to stream LLM responses from your backend to the browser using Server-Sent Events, with proper error handling and cancellation.

12 min readIntermediate

Building AI Tools into a Next.js App

A practical guide to integrating local LLMs and Stable Diffusion into a Next.js application — with streaming, error handling, and real examples.

10 min readBeginner

Running Ollama on Windows: Complete Setup Guide

Step-by-step guide to installing and running Ollama on Windows — from download to building your first AI-powered app.

10 min readIntermediate

Setting Up Local Stable Diffusion for App Integration

Install and configure Stable Diffusion with AUTOMATIC1111 for API access — then connect it to your web app for image generation, upscaling, and more.

8 min readBeginner

Responsive Design with AI: Building Mobile-First Layouts

How to use AI to build layouts that work beautifully on every screen size — from mobile phones to ultra-wide monitors.

9 min readIntermediate

Working with Third-Party APIs in Vibecoded Apps

How to integrate external APIs into your AI-built apps — authentication, error handling, rate limits, and common pitfalls.

10 min readIntermediate

Authentication with AI: Adding Login to Your Vibecoded App

A step-by-step guide to adding user authentication to your Next.js app using AI-assisted development — covering NextAuth, session management, and protected routes.

8 min readIntermediate

State Management for Vibecoders

A practical guide to managing state in React apps — from useState to Context to Zustand — with tips on what AI gets wrong.

10 min readAdvanced

Security for Vibecoded Applications

A security-focused guide for vibeccoders — covering the most common vulnerabilities in AI-generated code and how to prevent them.

9 min readIntermediate

Performance Optimization for AI-Generated Code

How to identify and fix performance problems in vibecoded apps — from React re-renders to bundle size to API latency.

11 min readBeginner

Building Beautiful UI with AI

How to vibecode stunning user interfaces — from layout and typography to animations and responsive design. Includes prompt templates for every pattern.

10 min readIntermediate

Building and Publishing an NPM Package with AI

A complete guide to creating, testing, and publishing your first NPM package using AI-assisted development.

9 min readBeginner

Deploying Your Vibecoded Project

A practical guide to getting your vibecoded project live on the internet — from choosing a platform to setting up a custom domain.

9 min readBeginner

Docker for Vibecoders: Containerizing Your Apps

A beginner-friendly guide to Docker — what it is, why you need it, and how to containerize your vibecoded apps with AI assistance.

10 min readIntermediate

Database Design with AI Assistance

Learn how to design database schemas, write queries, and handle migrations using AI — from simple SQLite to production PostgreSQL.

10 min readIntermediate

API Development with AI Assistance

Learn how to vibecode REST APIs — from route design to database queries to error handling. Includes real prompt templates.

8 min readBeginner

TypeScript for Vibecoders: Types That Save You Time

A practical TypeScript guide for vibecoded projects — the types that matter, common AI mistakes, and how to use TypeScript without fighting it.

8 min readBeginner

SEO for Vibecoded Sites: Getting Found on Google

A practical guide to search engine optimization for AI-built websites — meta tags, structured data, performance, and content strategy.

8 min readBeginner

Testing Vibecoded Projects

How to write tests for AI-generated code — from quick manual checks to automated test suites. No testing experience required.

8 min readIntermediate

Debugging AI-Generated Code

AI code looks right but doesn't work? Learn systematic techniques for finding and fixing bugs in vibecoded projects.

9 min readBeginner

Git and Version Control for Vibeccoders

A beginner-friendly guide to Git — save your work, undo mistakes, collaborate with others, and never lose code again.

12 min readIntermediate

Building a Full-Stack App with Vibecoding

A complete walkthrough of vibecoding a task manager app from scratch — frontend, backend, database, and deployment.

6 min readIntermediate

Prompt Engineering for Code

Learn how to write effective prompts that produce better code from AI assistants.

7 min readBeginner

Getting Started with Vibecoding

A step-by-step guide to start vibecoding — from choosing your tools to building your first project.