webflow-code-component:pre-deploy-check

Run a pre-deployment check that verifies webflow.json structure, required dependencies, declareComponent usage, prop types, and build success. The check produces a report with errors, warnings, and fix suggestions before you run webflow library share.

Webflow supports 11 prop types: Text (alias String), RichText, TextNode, Link, Image, Number, Boolean, Variant, Visibility, Slot, and ID. Variant props require an options array, and Link returns an object with href, target, and preload.

SSR breaks when components use browser-only APIs like window, document, localStorage, or navigator outside useEffect or guarded blocks. Non-deterministic output like Math.random() also causes hydration mismatches. Set ssr: false in the component options for purely interactive components.

styled-components injects styles into document.head by default, which the Shadow DOM cannot access. Install @webflow/styled-components-utils and export styledComponentsShadowDomDecorator from your globals decorators array, then reference globals in webflow.json.

The maximum bundle size is 50MB, enforced by Webflow. To reduce size, enable minification, tree-shake imports, replace heavy libraries like moment with date-fns, and use dynamic imports for large components.

No. Children placed in slots render in separate Shadow DOM containers with their own React roots, so they cannot access a parent's React Context. Use alternatives like Nano Stores, custom events, URL parameters, or browser storage instead.