vtex-io-app-settings

Define, validate, and consume VTEX IO app settings with settingsSchema and getAppSettings.

39|9|Updated Mar 16, 2026
One-click install
npx skills add https://github.com/vtex/ai-skills --skill vtex-io-app-settings
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: vtex-io-app-settings
Source: https://github.com/vtex/ai-skills/tree/main/tracks/vtex-io/skills/vtex-io-app-settings
Command: npx skills add https://github.com/vtex/ai-skills --skill vtex-io-app-settings

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

VTEX IO apps require structured, validated, and secure configuration. This skill guides how to define app settings with explicit schemas, decide whether configuration belongs in app settings or in code, and ensure correct consumption by backend and frontend.

Core Features & Use Cases

  • Explicit settingsSchema to model merchant-configurable behavior and separate configuration from code.
  • Guidance on when to place configuration in settings vs content/config data, with best practices for validation, defaults, and access.
  • Real-world use: determine app-level settings for a VTEX IO app and safely consume settings at runtime using getAppSettings.

Quick Start

Follow VTEX IO guidelines to define a settingsSchema for your app, validate inputs at consumption, and securely fetch app settings using getAppSettings.

Frequently Asked Questions about vtex-io-app-settings

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I define and validate app settings in a VTEX IO app?

To define VTEX IO app settings, create an explicit settingsSchema to model merchant-configurable behavior. This schema separates configuration from code and enforces validation rules, ensuring structured and secure app configuration before runtime consumption.

What is the difference between app settings and code configuration in VTEX IO?

App settings in VTEX IO separate merchant-configurable values from static code logic. Using a settingsSchema allows you to externalize configuration, enabling dynamic behavior changes without modifying the app's source code or deploying new versions.

How do I securely consume VTEX IO app settings at runtime?

Securely consume VTEX IO app settings at runtime by using the getAppSettings function. This approach ensures proper handling of secrets on the backend and applies appropriate default values to prevent runtime errors when configurations are missing.

Can I access app settings from the frontend in VTEX IO?

Yes, VTEX IO app settings can be accessed by both backend and frontend. The skill guides proper consumption patterns, ensuring that sensitive secrets remain securely handled on the backend while allowing frontend access to safe, non-sensitive configuration values.

When should I use settingsSchema versus content or config data in VTEX IO?

Use settingsSchema for app-level configuration that dictates merchant-configurable behavior. Content or config data is better suited for entity-specific records, whereas settingsSchema provides explicit validation, defaults, and runtime access for global app behavior.

Why do my VTEX IO app settings return undefined without defaults?

VTEX IO app settings return undefined when missing configurations lack defaults. Applying appropriate default values within your settingsSchema and validating inputs at consumption ensures stable runtime behavior even if the merchant has not configured specific fields.