Updates Track all changes made to the Front-Commerce 3.x documentation.RSS Feed 28 March 2025Magento 2Inject your Magento GraphQL schemaRelease notesCustomize routes programmaticallyEditor setupLoading data from unified GraphQL schemaYour first routeYour first test 🧪Add a component to StorybookChange a resolver behaviorCreate a Business ComponentDependency InjectionExtend the GraphQL schemaMutate Data Using FormsOverride a componentRegister an extensionTranslate your applicationDebug flagsContent CompositionUsing DataLoaders in GraphQL loadersAdding a configuration provider27 March 2025DebuggingOptimize your image assets@front-commerce/remixSession Management3.11 -> 3.12Viva.comEnvironment variablesOptimize multiple products cart additionRewrite email URLSend additional headers in Magento API callsDisable automatic captureEnvironment variables26 March 2025IntroductionInstallationEnvironment 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 processTroubleshootingAdd a shipping method with pickup pointsAdd a sorting method in your Product List PageAdd your own server timingsBefore going to productionCreate a custom image adapterCreate a UI ComponentCreate a custom HTTP endpointCustomize Outbound Requests MetricsCustomize the sitemapCustomize the stylesCustomize WYSIWYG PlatformDisplay a mapDisplay prices with or without taxesDisplay WYSIWYG contentDynamic RoutingError Handling for routesExtend layout routeFlash messagesImplement a Front-Commerce payment methodImprove your Core Web VitalsIn-Stock AlertMutate Data Using Client Side FetcherPassword fieldsPrevent excessive usage with rate limitsProxyfing invoicesPWA SetupQuick ordersRetrieve server's metricsServer Side Rendering (SSR)Serving assets from a CDN/custom domainStart Front-Commerce with PM2Use custom shipping informationUse temporary shipping addressUse Wishlist provider⚙️ Automated MigrationCompat modeDeprecated code removalFeatures removalLayered navigation changes📑 Manual MigrationPrismic MigrationcreateHandledefineRemixExtensionEnvironment variablesFeaturesFrontCommerceAppgenerateMetasGraphQL over HTTPHealth checkReactSEOServerEventCaching strategiesCLIConfigurationcreateResizedImageResponsecreateSitemapFetcherdefineExtensionEnvironment variablesExtension Featuresgraphql@front-commerce/corekeyValuesmakeCustomizableDataPayment Domain EventsReactServer TimingsServicesTesting3.0 -> 3.13.1 -> 3.23.10 -> 3.113.2 -> 3.33.3 -> 3.43.4 -> 3.53.5 -> 3.63.6 -> 3.73.7 -> 3.83.8 -> 3.93.9 -> 3.10Getting StartedTracking APICustom PluginsConfigure caching strategiesInvalidating the cacheTroubleshootingCaching cart dataCaching customer dataExtend 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 ChocolatineAddingwellExamplesGoogle Analytics 4Google Tag ManagerCreate an eventCreate an integrationGoogle AnalyticsContentfulPrismicAdobe B2BGezyMagento 1Create your own providerFacebookGoogleAkamai Image ManagerTwicPicsGoogle MapsLeafletAdyenHiPayPayPalPayzenStripeAlgoliaAdapt 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 instancesAdd 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 CustomerSet-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 variablesEnvironment variablesUse as a Front-Commerce paymentUse as a Magento2 paymentEnable Apple Pay and/or Google PayCustomize data sent to StripeDisable automatic captureEnvironment variablesMagento 1Magento 2StandaloneEnvironment variables