📖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.

Setting the URL of the WordPress data source

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.

Using Environment Variables in a Frontity project

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

WordPress requirements for Frontity

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

URLs in a Migration from WordPress to Frontity Decoupled Mode

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.

Redirections with Frontity

This guide explains how to manage WordPress redirections with Frontity.

Understanding a Frontity project

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

Understanding Mars Theme

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

Add a new Frontity package or theme to your project

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

Working with processors

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

How to process page-builder content in Frontity

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.

How to share your Frontity 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.