Set up

Before setting up your projects with Frontastic, there are some decisions you'll need to make, some important information to know, and what needs setting up for your team.

In this section, we'll go through these things.

Decisions

There are 3 main decisions you'll need to make before creating your projects:

How many projects will you have and which languages will they include
Will you be using the Frontastic starter components or starting from scratch
How will your navigation be structured

Let's go through each now.

Number of projects

We've created this article to give you more background, the options, and the pros and cons of each. The main thing to remember though is that if you start with 1 project, you can always create another.

Starter components

The Frontastic starter components cover the most common commerce cases so you may want to start building your commerce site based on them. See the using Frontastic starter components section for more information and if it's the right way to go for your project.

Navigation structure

Creating a navigation can be very complicated and decisions around its structure shouldn't be taken lightly. We've created this article to help guide you through building a navigation with Frontastic and when to start building it.

Important information

Supported browsers

As there are many browsers and many versions of those browsers, it's difficult to support them all in terms of frontend delivery. So we've decided to limit the browsers that we support to the latest versions of the list below:

Edge
Chrome
Firefox
Safari

All other browsers aren't supported.

Languages

The majority of our code is built using ReactJS for the smoothest user experience and easy component development. If you're new to ReactJS, let us know and we'll be happy to help.

We currently use PHP for all extensions.

Frontastic provides a unified development experience across all code areas while sticking to community standards as much as possible.

Project set up

For a developer to work on a project, they'll need the below:

Access to your GitHub customer repository
Homebrew installed locally
Yarn installed locally
Access to your Frontastic studio (https://<customerid>.frontastic.io)

A business user will only need access to the Frontastic studio.