Back to ResourcesResource

Vercel & V0.app Cheat Sheet

Unlocking value with AI & automation. Everything you need to know to build, publish, and maintain websites using Vercel and V0.

epoch

V0.app Cheat Sheet

1

Fundamentals

Vibe Coding: Expressing intent in plain speech for AI to transform into executable code.

Vercel.com

Dashboard for site management, hosting, and analytics.

V0.app

The primary website development area.

Pricing

Credits are used when requesting the "AI Agent" to do work.

2

Building Your First App

StepDetail
Getting Started
Go to v0.app/chat
Structuring the Build
Uploading a templated text document increases the chance of a successful first build.
Input Methods
You can prompt with text, upload an image of a design, or upload a Figma file (and even combine these).

Pro Tip: Use Shift + Enter to add a new line in the chat box.

3

Using Figma with Vercel

Connect

Home sidebar → "+" icon → "Create from Figma".

Link

Copy the blue Share link from your Figma design and paste it into Vercel.

Break it Down

For complicated designs, break them into "bitesize chunks" (e.g., individual features).

4

Advanced Features & Integrations

Animations

Use external tools like Gemini or ChatGPT to generate TypeScript/React code for animations, then paste it into Vercel.

Postmark (Forms)

  1. Set up an account at postmarkapp.com.
  2. Add your API_KEY, FROM_EMAIL, and REPLY_EMAIL to the Vars section in the Vercel sidebar.
  3. Prompt Vercel: "Connect my contact forms to my Postmark emails using the API_KEY, FROM_EMAIL and REPLY_EMAIL details".

GitHub (Version Control)

Connect via the Git menu to enable staging branches. This allows you to "roll back" updates if something breaks.

5

Publishing Your Site

Free Domain

Vercel provides a free {{appname}}.vercel.app URL.

Custom Domain (IONOS / External Provider)

  1. In Vercel Dashboard, go to Settings > Domains.
  2. Add the following DNS records at your domain provider:
TypeNameValue / Points to
A@[Vercel IP]
CNAMEwwwcname.vercel-dns.com
6

Design & Maintenance Tips

The Golden Rule: Clarity over creativity. Users must understand your offer within 5 seconds.

Mobile-First

Always ask for your navbar to become a "burger menu" on mobile and test on actual devices.

Manual Edits

Click the </> button to make manual text changes in the code editor without spending tokens.

Reverting

Click the "latest" timestamp in the top right to see all saved updates and restore an older version if the agent gets "lost in a loop".

Confidential & Proprietary | © 2026 epoch | Unlocking Value with AI & Automation.

Want Hands-On V0 Training?

We run practical workshops to help teams build and maintain websites using Vercel and V0.app. Learn vibe coding with expert guidance.

Explore Vercel Training