# Front-Commerce Developers

> Front-Commerce is a headless frontend solution for e-commerce platforms, offering a Progressive Web App (PWA) based on modern web standards.

Front-Commerce is available in two versions:
- [Front-Commerce 3.x](https://developers.front-commerce.com/docs/3.x/category/get-started): The latest version of Front-Commerce.
- [Front-Commerce 2.x](https://developers.front-commerce.com/docs/2.x/category/essentials): The legacy version of Front-Commerce.
This version can be checked in a project's package.json file:
- projects using Front-Commerce 3.x have "@front-commerce/core" dependency in their package.json
- projects using Front-Commerce 2.x have "front-commerce" dependency in their package.json

## Get Started

- [Loading data from unified GraphQL schema](https://developers.front-commerce.com/docs/3.x/get-started/loading-data-from-unified-graphql-schema): Explore how to retrieve dynamic data from your application's unified GraphQL schema in a Front-Commerce route using Remix. This guide delves into the practical aspects of querying and managing data through GraphQL, demonstrating the setup, execution, and optimization of data requests. Understand the synergistic relationship between Front-Commerce and Remix, with a focus on leveraging GraphQL for efficient data handling and page rendering.
- [Your first route](https://developers.front-commerce.com/docs/3.x/get-started/your-first-route): Create your first route to display a static content
- [Your first test 🧪](https://developers.front-commerce.com/docs/3.x/get-started/your-first-test): In Front-Commerce v3.4, we introduced a new way to test your application using `vitest`. This guide will help you to create your first test to ensure your application is working as expected.

## Guides

- [Add a component to Storybook](https://developers.front-commerce.com/docs/3.x/guides/add-component-to-storybook): Our goal with Front-Commerce is to give you the tools you need to develop a delightful user experience within your e-commerce shop. One of these tools is a Design System.
- [Using DataLoaders in GraphQL loaders](https://developers.front-commerce.com/docs/3.x/guides/caching-remote-data/using-dataloaders-in-graphql-loaders): Learn how to use DataLoaders in GraphQL loaders to optimize your GraphQL queries
- [Change a resolver behavior](https://developers.front-commerce.com/docs/3.x/guides/change-resolver-behavior): This guide shows you how to properly override GraphQL field resolvers while maintaining clean, maintainable code.
- [Adding a configuration provider](https://developers.front-commerce.com/docs/3.x/guides/configuration/adding-a-configuration-provider): Discover how configuration providers customize your app's settings, ensuring efficient and tailored functionality for every server request.
- [Create a Business Component](https://developers.front-commerce.com/docs/3.x/guides/create-a-business-component): In this guide, we learn how to build a Business Component. The core concept is the same as creating a UI component.
- [Dependency Injection](https://developers.front-commerce.com/docs/3.x/guides/dependency-injection): This guide walks through the process of utilizing Dependency Injection (DI) within your Front-Commerce application. DI is a pattern that allows classes to receive dependencies from external sources rather than constructing them internally, facilitating more modular, testable, and flexible code.
- [Extend the GraphQL schema](https://developers.front-commerce.com/docs/3.x/guides/extend-the-graphql-schema): This guide explains how to customize the GraphQL schema to add your own domain objects
- [Mutate Data Using Forms](https://developers.front-commerce.com/docs/3.x/guides/mutate-data-using-forms): Learn how to handle data mutations using standard HTML forms with Remix's form handling capabilities combined with Front-Commerce's GraphQL mutations.
- [Override a component](https://developers.front-commerce.com/docs/3.x/guides/override-a-component): This guide explains how to override a component in Front-Commerce, to customize the theme of your application
- [Register an extension](https://developers.front-commerce.com/docs/3.x/guides/register-an-extension): This guide explains how to register an extension in a Front-Commerce application to leverage its features.
- [Translate your application](https://developers.front-commerce.com/docs/3.x/guides/translate-your-application): International e-commerce websites often need to translate their UI into several languages to make sure that they reach a broader range of customers. This documentation will show how this works for static content in your application.

## API Reference

- [Debug flags](https://developers.front-commerce.com/docs/3.x/api-reference/debug-flags/index): In this documentation you will find all debug flags Front-Commerce provides.
- [Content Composition](https://developers.front-commerce.com/docs/3.x/api-reference/front-commerce-core/content-composition): The Content Composition API allows you to create and compose custom building blocks for your content.

## Upgrade

- [Release notes](https://developers.front-commerce.com/docs/3.x/upgrade/release-notes): This page lists the changes between each Front-Commerce minor release.

## Resources

- [Remix](https://remix.run/): The React framework used by Front-Commerce.
- [Vite](https://vitejs.dev/): The build tool used by Front-Commerce.
- [Vitest](https://vitest.dev/): The testing framework used by Front-Commerce.
- [React](https://react.dev/): The library used by Front-Commerce to create user interfaces.