๐Ÿ“– Guides

In this section we present a selection of guides that will help you to both work with, and to better understand, a variety of topics related to Frontity.

This guide outlines the various different WordPress configuration scenarios that you might encounter and the things that need to be taken into account in order to properly set the URL of the WordPress data source.

This guide explains how to defined environment variables for a Frontity project and how to properly access these variables from the code.

This guide highlights some basic WordPress requirements needed for Frontity projects.

This guide explains the issue that arise with regard to URLs when migrating a WordPress site to Frontity Decoupled Mode and how to resolve them.

โ€‹Frontity Query Options โ€‹

This guide explains what "Frontity Query Options" are and how to use them.

This guide explains how to manage WordPress redirections with Frontity.

This guide will help you understand the structure of a Frontity project.

This guide will help you understand how mars-theme works.

This guide will give through the process of installing and configuring new Frontity packages or themes for your project.

Learn how to use the <html2react> package and processors to customise the final markup that will be presented to the browser.

This guide demonstrates how to use processors to render content generated by page-builders (such as Elementor, Gutenberg, etc...)

โ€‹Keep Frontity updated โ€‹

This guide will take through the process of updating your Frontity project to use latest versions of the Frontity packages you're using in your project.

This guide will give through the recommended workflow to work with a Frontity theme os package in a way it can be properly shared with the community.

โ€‹Troubleshooting guide โ€‹

This guide offers solutions to common issues detected in Frontity projects.

JavaScript & React

If you are coming to Frontity from a different background, perhaps from the WordPress/PHP world, you may still not familiar with JavaScript or React.

We have prepared for you some guides to help get you start working with them:

โ€‹JavaScriptโ€‹

This guide will give you a better understanding of which JavaScript concepts are used in Frontity and a brief explanation of them.

โ€‹Reactโ€‹

This guide will take you through the React key concepts that are needed to be able to understand and create a project with Frontity.

If you have suggestions or ideas for other guides, please share them in the community forum.