Updates Track all changes made to the Front-Commerce 3.x documentation.RSS Feed 15 April 2026IntroductionEditor setupInstallationLoading data from unified GraphQL schemaYour first routeYour first test 🧪Add a shipping method with pickup pointsAdd a sorting method in your Product List PageAdd a component to StorybookAdd your own server timingsBefore going to productionChange a resolver behaviorCreate a Business ComponentCreate a custom image adapterCreate a UI ComponentCreate a custom HTTP endpointCreate custom redirectionsCustomize Outbound Requests MetricsCustomize routes programmaticallyCustomize shop fallback redirectCustomize the sitemapCustomize the stylesCustomize WYSIWYG PlatformDebuggingDependency InjectionDisplay a mapDisplay prices with or without taxesDisplay WYSIWYG contentDynamic RoutingError Handling for routesExtend layout routeExtend the GraphQL schemaFlash messagesHandle file uploadsImplement a Front-Commerce payment methodImprove your Core Web VitalsIn-Stock AlertMutate Data Using Client Side FetcherMutate Data Using FormsOptimize your image assetsOverride a componentPassword fieldsPermissionsPrevent 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 PM2Translate your applicationUse custom shipping informationUse temporary shipping addressUse Wishlist providerA request data flowCommon issues in the data fetching layerFront-Commerce folder structureFront-Commerce PaymentsReact components structureRoutingServer-side eventsSlim down resolvers with loadersUnderstanding payment workflowsEnvironment variablesTroubleshootingMemory and CPU LeaksRelease notesRelease process⚙️ Automated MigrationCompat modeDeprecated code removalFeatures removalLayered navigation changes📑 Manual MigrationPrismic MigrationGetting StartedTracking APICustom PluginsContent CompositionUsing DataLoaders in GraphQL loadersConfigure caching strategiesInvalidating the cacheTroubleshootingCaching cart dataCaching customer dataCache-ControlContent Security PolicyCross-Origin Resource Sharing (CORS)Adding a configuration providerExtend and read public configurationsAccessing current shop configurationConfigure multiple storesMarkdown and MDXRemix Development ToolsTailwindAuto RefreshContribution ModePreview ModeX-RayComponents MapFeature FlagsLegacy feature flagsFAQEntering and exiting the maintenance modeAutomatic detection with service Health ChecksUse and customize the maintenance pageParallelize data fetchingOptimize GraphQL queriesDebug flagsServerEventCaching strategiesCLIConfigurationContent CompositioncreateResizedImageResponsecreateSitemapFetcherdefineExtensionEnvironment variablesExtension Featuresgraphql@front-commerce/corekeyValuesmakeCustomizableDataPayment Domain EventsReactServer TimingsServicesTestingcreateHandleDebug endpointdefineRemixExtensionEnvironment variablesFeaturesFrontCommerceAppgenerateMetasGraphQL 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.16 -> 3.173.17 -> 3.183.18 -> 3.193.19 -> 3.203.2 -> 3.33.3 -> 3.43.4 -> 3.53.5 -> 3.63.6 -> 3.73.7 -> 3.83.8 -> 3.93.9 -> 3.10AddingwellExamplesGoogle Analytics 4Google Tag ManagerGoogle AnalyticsCreate an eventCreate an integrationGezyAdobe B2BMagento 1Magento 2Akamai Image ManagerTwicPicsContentfulFacebookGooglePrismicCreate your own providerExtend provider profileAdyenHiPayBuyBoxPayPalPayzenStripeGoogle MapsViva.comLeafletAlgoliaCart ConfigurationCSS variablesEnvironment variablesFeaturesFormsImage ComponentMapsPrice DisplayUse Product ConfigurablesAdapt content to the viewportCustomize the checkoutCustomize the offline pageManage formsNetupAdministrative mandate additionnal informationDisplay a secondary price gridDisplay spare part tag valuesEnable public negotiable quotesRestrict quantities by packagingTest API calls to GezyAxios instancesEnvironment variablesSet-up Magento ModuleUse payment on accountAttraqtEnvironment variablesAdd your custom endpointAdd headers in Magento API callsClear the cacheExposing additional attributesGenerate API documentationImplement headless paymentsSet-up Magento ModuleAxios instancesCaching strategiesDispatch event listEnvironment variablesStoreConfigLoaderSupported product typesAdd a new attributeAdd registration questionAdvancedClear 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 directiveAdd Content BlocksAdd Content TypesAdd X-Ray CompatibilityConfigure Preview ModeAPI ReferenceEnvironment variablesAdding Content SlicesAdding Embed FieldsAdding Integration FieldsCustomizing PrismicWysiwygLoading Prismic ContentSimulating Prismic WebhookUsing Prismic PreviewUsing Resolver CacheUsing X-Ray with PrismicAPI ReferenceEnvironment variablesUse as a Front-Commerce paymentUse with the Magento 2 payment pluginEnvironment variablesCustomize data sent to HiPayEnvironment variablesEnvironment variablesDisable automatic captureUse as a Front-Commerce paymentUse as a Magento2 paymentEnable Apple Pay and/or Google PayCustomize data sent to StripeDisable automatic captureEnvironment variablesConfigure timeoutsMagento 1Magento 2Query suggestionsStandaloneEnvironment variablesConfigure Page TrackingCustomize Recommendations DisplayDisplay RecommendationsEnvironment variablesAnalytics APIEnvironment variablesReact APIEnvironment variables
