Updates Track all changes made to the Front-Commerce 3.x documentation.RSS Feed 28 March 2025Magento 2Inject your Magento GraphQL schemaRelease notesCustomize routes programmaticallyIntroductionEditor 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 endpointCustomize Outbound Requests MetricsCustomize 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 messagesImplement a Front-Commerce payment methodImprove your Core Web VitalsIn-Stock AlertMutate Data Using Client Side FetcherMutate Data Using FormsOptimize your image assetsOverride a componentPassword fieldsPrevent excessive usage with rate limitsProxyfing 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 providerEnvironment variablesA request data flowCommon issues in the data fetching layerFront-Commerce folder structureFront-Commerce PaymentsReact components structureRoutingServer-side eventsSlim down resolvers with loadersUnderstanding payment workflowsRelease processTroubleshooting⚙️ Automated MigrationCompat modeDeprecated code removalFeatures removalLayered navigation changes📑 Manual MigrationPrismic MigrationGetting StartedTracking APICustom PluginsUsing DataLoaders in GraphQL loadersConfigure caching strategiesInvalidating the cacheTroubleshootingCaching cart dataCaching customer dataAdding a configuration providerExtend and read public configurationsAccessing current shop configurationConfigure multiple storesContent CompositionCache-ControlContent Security PolicyCross-Origin Resource Sharing (CORS)Markdown and MDXRemix Development ToolsTailwindComponents MapFeature FlagsLegacy feature flagsAuto RefreshContribution ModePreview ModeX-RayEntering and exiting the maintenance modeAutomatic detection with service Health ChecksUse and customize the maintenance pageParallelize data fetchingOptimize GraphQL queriesFAQAdaptersExternal Login ProvidersTheme ChocolatineDebug flagsServerEventCaching strategiesCLIConfigurationContent CompositioncreateResizedImageResponsecreateSitemapFetcherdefineExtensionEnvironment variablesExtension Featuresgraphql@front-commerce/corekeyValuesmakeCustomizableDataPayment Domain EventsReactServer TimingsServicesTestingcreateHandledefineRemixExtensionEnvironment variablesFeaturesFrontCommerceAppgenerateMetasGraphQL over HTTPHealth check@front-commerce/remixReactSEOSession Management3.0 -> 3.13.1 -> 3.23.10 -> 3.113.11 -> 3.123.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 ManagerCreate an eventCreate an integrationGoogle AnalyticsContentfulPrismicAdobe B2BGezyMagento 1Create your own providerFacebookGoogleAkamai Image ManagerTwicPicsGoogle MapsLeafletAdyenHiPayPayzenPayPalViva.comStripeAlgoliaAdapt content to the viewportCustomize the checkoutCustomize the offline pageManage formsCSS variablesEnvironment variablesFeaturesFormsImage ComponentMapsPrice DisplayUse Product ConfigurablesAdd 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 variablesSet-up Magento ModuleUse payment on accountEnvironment variablesTest 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 variablesStoreConfigLoaderAdd a new attributeAdd registration questionAdvancedClear the cacheDetect admin usersHandle i18n and l10nImplement headless paymentsLog 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 directiveUse as a Front-Commerce paymentUse with the Magento 2 payment pluginEnvironment variablesCustomize data sent to HiPayEnvironment variablesDisable automatic captureUse as a Front-Commerce paymentUse as a Magento2 paymentEnvironment variablesEnvironment variablesEnable Apple Pay and/or Google PayCustomize data sent to StripeDisable automatic captureEnvironment variablesMagento 1Magento 2StandaloneEnvironment variables