Updates Track all changes made to the Front-Commerce 3.x documentation.RSS Feed 4 December 2025TroubleshootingPrismic Migration3.16 -> 3.17Feature FlagsHiPayRelease notesAdd a component to StorybookCreate a Business ComponentCreate a UI ComponentCustomize the stylesOverride a componentPayPalStripeCustomize the offline pageAdministrative mandate additionnal informationAdd registration questionUse as a Front-Commerce paymentUse with the Magento 2 payment pluginUse as a Front-Commerce paymentDisplay RecommendationsInstallationLoading data from unified GraphQL schema📑 Manual MigrationBefore going to productionCreate a custom image adapterDisplay a mapDisplay prices with or without taxesDisplay WYSIWYG contentDynamic RoutingError Handling for routesExtend layout routeFlash messagesImplement a Front-Commerce payment methodMutate Data Using Client Side FetcherPassword fieldsTranslate your applicationgraphqlReactServicesFrontCommerceApp3.2 -> 3.33.3 -> 3.43.4 -> 3.53.5 -> 3.63.7 -> 3.83.8 -> 3.93.9 -> 3.10Using DataLoaders in GraphQL loadersCache-ControlMarkdown and MDXTailwindContribution ModeAutomatic detection with service Health ChecksUse and customize the maintenance pageAdobe B2BCustomize the checkoutManage formsFeaturesMapsUse Product ConfigurablesExamplesCreate an eventAdd Content TypesAPI ReferenceAdd a new attributeCustomize data sent to HiPayCustomize data sent to StripeStandalone26 November 2025IntroductionEditor setupYour first routeYour first test 🧪Environment variablesRelease processA request data flowCommon issues in the data fetching layerFront-Commerce folder structureFront-Commerce PaymentsReact components structureRoutingServer-side eventsSlim down resolvers with loadersUnderstanding payment workflowsMemory and CPU Leaks⚙️ Automated MigrationCompat modeDeprecated code removalFeatures removalLayered navigation changesAdd a shipping method with pickup pointsAdd a sorting method in your Product List PageAdd your own server timingsChange a resolver behaviorCreate a custom HTTP endpointCreate custom redirectionsCustomize Outbound Requests MetricsCustomize routes programmaticallyCustomize the sitemapCustomize WYSIWYG PlatformDebuggingDependency InjectionExtend the GraphQL schemaHandle file uploadsImprove your Core Web VitalsIn-Stock AlertMutate Data Using FormsOptimize your image assetsPrevent excessive usage with rate limitsDisplay swatches in product overviewProxyfing invoicesPWA SetupQuick ordersRegister an extensionRetrieve server's metricsServer Side Rendering (SSR)Serving assets from a CDN/custom domainStart Front-Commerce with PM2Use custom shipping informationUse temporary shipping addressUse Wishlist providerDebug flagsServerEventCaching strategiesCLIConfigurationContent CompositioncreateResizedImageResponsecreateSitemapFetcherdefineExtensionEnvironment variablesExtension Features@front-commerce/corekeyValuesmakeCustomizableDataPayment Domain EventsServer TimingsTestingcreateHandledefineRemixExtensionEnvironment variablesFeaturesgenerateMetasGraphQL over HTTPHealth check@front-commerce/remixReactSEOServerSession ManagementAdaptersExternal Login ProvidersTheme Chocolatine3.0 -> 3.13.1 -> 3.23.10 -> 3.113.11 -> 3.123.12 -> 3.133.13 -> 3.143.14 -> 3.153.15 -> 3.163.6 -> 3.7Getting StartedTracking APICustom PluginsConfigure caching strategiesInvalidating the cacheTroubleshootingCaching cart dataCaching customer dataAdding a configuration providerExtend and read public configurationsAccessing current shop configurationConfigure multiple storesContent CompositionContent Security PolicyCross-Origin Resource Sharing (CORS)Remix Development ToolsComponents MapLegacy feature flagsAuto RefreshPreview ModeX-RayEntering and exiting the maintenance modeParallelize data fetchingOptimize GraphQL queriesFAQContentfulPrismicGezyMagento 1Magento 2Create your own providerFacebookGoogleAkamai Image ManagerTwicPicsGoogle MapsLeafletAdyenPayzenNetupViva.comAlgoliaAttraqtAdapt content to the viewportCart ConfigurationCSS variablesEnvironment variablesFormsImage ComponentPrice DisplayAddingwellGoogle Analytics 4Google Tag ManagerCreate an integrationGoogle AnalyticsAdd Content BlocksAdd X-Ray CompatibilityConfigure Preview ModeEnvironment variablesAdding Content SlicesAdding Embed FieldsAdding Integration FieldsCustomizing PrismicWysiwygLoading Prismic ContentSimulating Prismic WebhookUsing Prismic PreviewUsing Resolver CacheUsing X-Ray with PrismicAPI ReferenceEnvironment variablesSet-up Magento ModuleUse payment on accountEnvironment variablesDisplay a secondary price gridDisplay spare part tag valuesRestrict quantities by packagingTest API calls to GezyAxios instancesEnvironment variablesAdd your custom endpointAdd headers in Magento API callsClear the cacheExposing additional attributesGenerate API documentationImplement headless paymentsSet-up Magento ModuleAxios instancesCaching strategiesDispatch event listEnvironment variablesStoreConfigLoaderAdvancedClear the cacheDetect admin usersHandle i18n and l10nImplement headless paymentsInject your Magento GraphQL schemaLog as CustomerOptimize multiple products cart additionRewrite email URLSend additional headers in Magento API callsSet-up Magento ModuleUse and extend the Page BuilderUse Magento configurationAxios instancesCaching strategiesEnvironment variables@magentoConfig directiveEnvironment variablesEnvironment variablesEnvironment variablesDisable automatic captureUse as a Magento2 paymentEnvironment variablesEnable Apple Pay and/or Google PayDisable automatic captureEnvironment variablesConfigure Page TrackingCustomize Recommendations DisplayAnalytics APIEnvironment variablesReact APIMagento 1Magento 2Query suggestionsEnvironment variablesEnvironment variables
