Skill UI

This guide provides advanced strategies for optimizing Webflow Data API v2 performance. Learn how to mitigate rate limits and reduce latency by utilizing CDN-cached live item reads, implementing application-level or Redis caching, and leveraging bulk endpoints for efficient data writes. Essential for high-traffic, data-intensive Webflow projects that require robust scaling.

Provides a comprehensive checklist and technical guidelines for safely deploying Webflow Data API integrations to a production environment. Covers critical areas like token security, rate limit management, implementing circuit breakers, setting up health checks, and handling various API errors to ensure reliable, high-availability service.

This skill provides comprehensive strategies for handling rate limits when interacting with the Webflow Data API v2. It covers using SDK built-in retries, implementing custom exponential backoff with jitter, controlling concurrency using request queues, and optimizing calls with bulk endpoints (e.g., createItemsBulk). Use this guide when encountering 429 errors or when maximizing API throughput is critical for robust applications.

Provides a comprehensive, layered reference architecture for building production-grade integrations with Webflow's Data API v2. This guide separates concerns into distinct layers: API access, business logic (CMS, e-commerce), webhook handling, and caching, ensuring scalability and maintainability for complex web applications.

A comprehensive guide to implementing production-ready patterns for the Webflow SDK. Covers essential architectural patterns such as singleton client management, robust typed error handling (including specific HTTP status codes like 401, 403, 429), efficient pagination helpers, rate limit monitoring via raw response access, and multi-tenant client factory setup. Essential for building scalable, enterprise-grade Webflow integrations.

This comprehensive guide details the process for upgrading the `webflow-api` SDK, specifically migrating from Webflow Data API v1 to v2. It covers critical breaking changes, including authentication method updates, endpoint structure changes (e.g., v1 to v2 base URL), and method call changes (e.g., PUT to PATCH). It provides detailed maps and code examples to ensure developers can maintain robust and up-to-date Webflow integrations.

This guide provides comprehensive implementation details for Webflow webhooks. It covers the entire lifecycle, including registering various trigger types (form submissions, new orders, site publishing) via the API. Critically, it teaches how to set up a secure backend endpoint with HMAC signature verification, allowing users to build robust, event-driven workflows that react automatically to user actions within Webflow.

This module provides essential abstractions for building web administration dashboards. It includes critical hooks like `useNavigateFolder` for structured routing and `useRecords` for standardized data fetching and state management. It simplifies complex frontend logic, ensuring consistency and reusability across large-scale admin applications.

This guide outlines robust architectural patterns for building complex administrative extensions within a React environment. It enforces strict separation of concerns by dividing logic into two main layers: Headless Features (business logic, using UseCase/Repository/Gateway) and Presentation Features (UI components, Presenters, and hooks). Following these patterns ensures highly maintainable, testable, and scalable codebases, promoting clean architecture principles for web applications.

A comprehensive set of abstractions, hooks, and components for building robust administrative dashboards and complex applications using the Webiny framework. It provides foundational tools like `createFeature`, `createProvider`, and various context utilities, enabling developers to manage application state, features, and UI components in a highly structured and scalable manner.

This module provides a comprehensive set of abstractions, components, and hooks for building sophisticated rich text editors (based on Lexical). It includes essential UI components like Dividers and DropDowns, alongside powerful hooks for managing real-time selection state, applying typography actions, and handling complex content rendering. It is designed for developers building advanced administrative panels or Content Management Systems (CMS).

This module provides multiple abstractions and hooks for interacting with the browser's LocalStorage API within an administrative context. It offers specialized utilities, including direct service access (LocalStorage instance) and advanced React hooks (useLocalStorage, useLocalStorageValues). These tools enable component developers to imperatively call services or efficiently observe single or multiple keys, ensuring consistent state management and proper re-rendering when local state changes.