Quickstart Steps Code

About this block

Quickstart Steps Code lays the entire getting started path on the marketing page: install, authenticate, first call. Each step is a card with the number, a two sentence explanation, and the actual code beside it in a mono panel. If the whole quickstart fits in three small panels, that brevity is the strongest claim on the page.

Code lives as string arrays in the steps data, rendered without a highlighter dependency, so the block installs clean and the snippets stay copy editable.

When to use

Reach for this block right after a developer hero to prove the ten minute claim heroes love to make. It also works on docs landing pages above the fold of the real quickstart.

A natural flow around it on a Marketing Pro page:

Before

• API hero making the speed claim this block proves

After

• Integrations for the stack around the SDK
• Pricing once the developer is convinced

What you can display

One strong use is your real three step quickstart, verbatim from the docs. Other walkthroughs:

• Webhook setup. Register, verify, handle, in three panels.
• Migration path. Old client out, new client in, diff style.
• Self host. Pull, configure, run.

Tip: if your quickstart does not fit in three short panels, that is product feedback, not a layout problem.