vtex-io-app-structure

You should organize your VTEX IO app by aligning manifest.json, builders, and policies with best practices. This requires proper builder declarations, explicit outbound-access policies, semantic versioning, and a clean directory layout for node, react, graphql, and store segments.

VTEX IO manifest builder declarations depend on your project segments. You must explicitly declare builders for node, react, graphql, admin, pixel, or store in the manifest.json to ensure compatibility and enforce proper directory structure.

Explicit outbound-access policies are required in VTEX IO apps to enforce production readiness and security. Configuring these policies in your manifest ensures controlled external resource access and aligns your app with platform best practices.

Refactor an existing VTEX IO app structure when it lacks production readiness best practices. This includes correcting missing semantic versioning, disorganized directory layouts, absent explicit outbound-access policies, or incomplete builder declarations in the manifest.

VTEX IO app scaffolding supports simultaneous react and node segments. You configure both in the manifest.json by declaring their respective builders and organizing the directory layout to handle each segment's specific compatibility requirements.