News |
shopify

Build App Home as a UI extension

Source: Shopify Dev Changelog

Shopify Introduces Native UI Extension for App Home Pages

Shopify now supports building App Home landing pages as Preact-based admin UI extensions through the new admin.app.home.render target. This allows developers to create their app’s primary workspace using the same extension framework used for other admin UI components.

Technical Changes for App Developers

The update eliminates the requirement for a separate web server to render an app’s main interface. App Home UI extensions now bundle with other admin UI extensions in a single package. Developers can build their app’s landing page using Preact components instead of hosting it as an iframe-embedded web application.

The admin.app.home.render target provides a persistent, full-page workspace that integrates directly into the Shopify admin extension bundle. This creates a unified codebase for all admin UI components within an app.

Infrastructure and Development Impact

This change affects how developers architect their Shopify apps. Apps using the new extension type no longer need to maintain separate hosting infrastructure for their primary interface. The bundled approach consolidates admin UI code into a single deployment package.

Developers building new apps can choose between the traditional iframe-hosted approach and the native UI extension method based on their architecture needs. Existing apps using iframe-based App Home pages can continue operating without changes, as Shopify maintains support for both implementation methods.

The update applies specifically to apps requiring a dedicated workspace within the Shopify admin. Apps with simpler interfaces may continue using other extension targets or embedded app pages as appropriate for their use case.

Read the full announcement →

Stay in the loop

Get Shopify ecosystem news and positioning insights for app founders.