Building pages

Discover how to leverage Store Framework to build various types of pages tailored to your business needs.

Store Framework streamlines page creation by offering a set of pre-built components and development tools. These resources simplify building and customizing different page types, such as product details pages, promotional layouts, and custom pages.

This section covers a range of page-building scenarios, and each guide focuses on practical implementation, ensuring you can effectively develop pages that meet your business needs.

Before you begin

Develop your Store Theme

Make sure your store has a Store Theme developed following the Getting Started tutorial.

Check the builders

Check if the builders are properly installed in your Store Theme. To use builders, your account must have at least version vtex.builder-hub@0.293.4 installed. Also, you need to specify them in the app's manifest.json file. Learn more in Builders.

Make sure the store builder is configured, as it enables the development of Store Framework storefronts.

Learn about VTEX IO apps

Familiarize yourself with VTEX IO apps.

Essential concepts

To better understand how to build your store pages, you should understand the concepts of components and templates.

Components are building blocks created using the VTEX IO development platform and React technology, which are used to create storefronts and admin apps.

Learn more in the Components guide.

A template refers to the structural layout of your site pages. Templates define the components for various pages, such as the home, product, and search results pages, by declaring json blocks that render these components.

Learn more in the Configuring templates guide.

Guides in this section

Contributors
2
Photo of the contributor
Photo of the contributor
Was this helpful?
Yes
No
Suggest Edits (GitHub)
Contributors
2
Photo of the contributor
Photo of the contributor
On this page