How-To

Building Your First AMP Web Story

A primer on structuring and shipping an AMP web story from scratch.

Dog sitting on a dock at sunset
Slide 014 total

Build Your First AMP Story

Learn the basics of stories

Developer coding on a laptop
Slide 024 total

Start with HTML

Create the <amp-story> skeleton and include AMP scripts.

Stack of printed storyboards
Slide 034 total

Add Pages

Use <amp-story-page> for each step in your narrative.

City skyline at sunrise
Slide 044 total

Publish

Host your file and share the URL. You're done!

Story notes

Originally created as a reference AMP story, this walkthrough now lives alongside our newer agent-built narratives. Follow the slides to understand how the underlying format comes together.