Skip to main content

January, 2022

Β· 5 min read

New Incentive, Link, Card and QuantitySelector components now available in the FastStore UI. Also, new Platform integration, VTEX Headless CMS and Security guides.

FastStore UI​


  • πŸŽ‰ New Incentive atom - #1064 Use the Incentive component to display a trust badge for your store’s website.


  • πŸŽ‰ New Link atom - #1067 Use the Link component to display a hyperlink as any HTML tag.



  • πŸŽ‰ New Card organism - #1079 Use the Card component to display summarized information about a product.



  • πŸŽ‰ New QuantitySelector molecule - #1083 Use the QuantitySelector component to allow shoppers to select the quantity of a given product to purchase.


  • πŸŽ‰ Add missing components. - #1063Breadcrumb, LoadingButton, PriceRange, RadioGroup components are now exported by @faststore/ui.


  • ✨ Add ...otherProps to the Badge component - #1085 Other props can now be passed on the Badge component.


  • πŸ› Fix FastStore UI imports - #1069 The RadioGroup and RadioOption components are now correctly imported in the UI.

Payment Methods​

  • πŸ› Removing aria-labelledby from payment methods component - #1092 The PaymentMethods component is no longer returning an accessibility error on FastStore UI.


  • πŸ› Fix accessibility issues on FastStore UI components - #1096 The following components are no longer with accessibility issues: Badge, Form, Price, Radio, Select, Textarea, Carousel, IconButton, PriceRange and Table.


  • ✨ Add prefixId attribute to AccordionItem - #1118 The prefixId attribute, avoids the problem of having two Accordion IDs in the same page.


  • ✨ Update Starter Library - #1133 The Starter Library has new Base Store images.


FastStore SDK​


  • ✨ Add item generics to analytics events - #1101 With the item property, users can control over a variety of types rather than a single one. This allows users to add extra properties inside an item.

FastStore API​

VTEX Platform​

  • πŸŽ‰ Add Sales channel to product query - #1108 The salesChannel is now available in the product query.

  • πŸ› Fix JS files exposure - #1081 This fix makes the graphql-utils package compatible with other frameworks.

  • πŸ› Fix ordering of breadcrumbList - #1094 The categoryTrees of the Breadcrumb component is now reversed and displaying the right category and subcategories in the store.

  • πŸ› Fix SKU loader - #1100 The SKU dataLoader algorithm is now fixed and can avoid potential errors, such as the Could not find SKU for product message.

  • πŸ› Fix Breadcrumb data on collection pages - #1104 Breadcrumb lists no longer return empty, now the catalog data fills the Breadcrumb information.

  • πŸ› Fix redirect to external pages - #1114 The redirect.csv file now allows redirecting to an external page.

  • πŸ› Fix unfiltered allCollections query - #1131 The collection query no longer opens to many requests to fetch categories, brands, and landing pages, since the collection field resolver respects the first and after parameters to not open to many requests.

VTEX Headless CMS​

  • ✨ fetch content by ID using REST API from CMS for preview - #1120 Now the gatsby-plugin-cms receives webhookBody params, fetch the values on the CMS API and return it to preview on webOps.


  • πŸ“‘ New SDK Search reference - #1065 Check out the new Search SDK module documentation and learn how to increase product discoverability by implementing a faceted search in your store.

  • πŸ“‘ Updated the Quickstart documentation - #1066 Now you configure your FastStore project settings in the store.config.js file, an easy way to set up the repo without creating environment variables.

  • πŸ“‘ New FastStore FAQ - #1068 Check out the Frequently Asked Questions on FastStore Portal.

  • πŸ“‘ New Starters Library - #1065 Check out the new Starter Library and quickly start your FastStore website with the templates.

  • πŸ“‘ New SDK Cart documentation - #1095 Check out the new SDK Card documentation and start managing your store’s shopping cart.

  • πŸ“‘ New VTEX IO WebOps Secrets guides - #1105 Check out the new Security documentation and learn how to use the Secrets API. Use it to hold confidential data and avoid exposing sensitive data in your FastStore code..

  • πŸ“‘ New VTEX Headless CMS documentation - #1111 Check out the new track for VTEX Headless CMS and learn how to integrate your FastStore project with VTEX Headless CMS, our preferred solution for content management.

  • πŸ“‘ New Migrating from gatsby-plugin-cms to gatsby-source-cms guide - #1126 Check out the new Migrating from gatsby-plugin-cms to gatsby-source-cms guide and learn how to migrate to the newer gatsby-source-cms plugin that uses a dedicated API to fetch the content from the VTEX Headless CMS. Also it lets you use the Gatsby Preview Server to build and preview your pages before publishing them.

  • πŸ“‘ New on VTEX Platform integration - Hosting a FastStore + VTEX website - #1129 Check out the new Hosting a FastStore + VTEX website guide and learn how to integrate your FastStore storefront project with VTEX, how to make it publicly available to end-users and have the VTEX Checkout functioning in your store.

  • πŸ“‘ New on VTEX Platform integration - Integrating VTEX login - #1132 Check out the new Integrating VTEX login guide and learn how to integrate the VTEX Login with your FastStore project.


  • ✨ Auto generate reference documentation for FastStore UI components with react-docgen-typescript plugin - #1070

  • πŸŽ‰ Send feedback for any documentation available on FastStore Portal. - #1097 To submit the feedback, look for Was this page helpful? at the end of any documentation on the Portal.