Step-by-step guides and walkthroughs for getting the most out of Frontman. From first setup to advanced workflows, these posts help you hit the ground running.

There are currently 5 articles tagged "Tutorial".

Make an Elementor Video Play on Scroll With FrontmanMake an Elementor Video Play on Scroll With Frontman

Make an Elementor Video Play on Scroll With Frontman

By Danni Friedland on July 17, 2026

Build a scroll-controlled Elementor video with GSAP, then use Frontman to inspect, edit, preview, and roll back the page safely.
WordPress 7 Breaking Changes and FixesWordPress 7 Breaking Changes and Fixes

WordPress 7 Breaking Changes and Fixes

By Danni Friedland on April 25, 2026

WordPress 7 breaking changes: developer audit with what actually breaks, migration code for each issue, and rollback strategies nobody else covers.
Edit Next.js Components in Your BrowserEdit Next.js Components in Your Browser

Edit Next.js Components in Your Browser

By Danni Friedland on April 14, 2026

Frontman connects to your running Next.js app and lets you click any element to edit the source. No file hunting, no class name guessing — just click and describe.
Add Runtime Context to AI Coding in Next.jsAdd Runtime Context to AI Coding in Next.js

Add Runtime Context to AI Coding in Next.js

By Danni Friedland on February 23, 2026

Build a reproducible mobile-overflow bug in a Next.js page, select it in Frontman, apply a scoped CSS Module fix, and verify the result.
Frontman Quickstart: First UI EditFrontman Quickstart: First UI Edit

Frontman Quickstart: First UI Edit

By Danni Friedland on February 15, 2026

Install the Frontman integration for Next.js, Vite, or Astro, open the /frontman workspace, connect an AI provider, and make your first UI edit.