Affinity Design
Client Guide

Snapshot Builder

Use Snapshot Builder for structured edits on Next.js and Nuxt websites

What Snapshot Builder Is

Snapshot Builder is the structured editor used for many Next.js and Nuxt websites.

It is a safer, more guided editing experience than jumping straight into code-like changes.

Best Uses

Use Snapshot Builder when you want to:

  • update page content
  • edit sections in an organized way
  • work with forms
  • review SEO fields
  • save or publish a structured change

Typical Flow

  1. Open your website.
  2. Click Website Builder or Open builder.
  3. If your site is a Next.js or Nuxt site, Snapshot Builder opens.
  4. Choose the page you want to work on.
  5. Update the section, form, or SEO area.
  6. Review the result.
  7. Save or publish.

When Snapshot Builder Is Better Than Command

Snapshot Builder is better when:

  • you need to move through several pages
  • the edit touches multiple sections
  • you want a clearer editing structure than a chat flow

Good Habit

Use Command first if you are not sure what page needs the change. Use Snapshot Builder once you know where the work belongs.

On this page