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:

  1. How many projects will you have and which languages will they include
  2. Will you be using the Frontastic starter componentsFrontastic starter components - Frontastic components that come with each Frontastic project that can be copied into your own project to use. Known in code as `boost theme`. or starting from scratch
  3. 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 componentsFrontastic starter components - Frontastic components that come with each Frontastic project that can be copied into your own project to use. Known in code as `boost theme`. 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 repositoryGitHub customer repository - Where your code lives in GitHub for all your projects, you can have many project folders within your customer repository.
  • Homebrew installed locally
  • Yarn installed locally
  • Access to your Frontastic studioFrontastic studio - The interface you use to manage, build, and edit all areas of your project and commerce sites. Previously known as `backstage`. (https://<customerid>.frontastic.io)

A business user will only need access to the Frontastic studioFrontastic studio - The interface you use to manage, build, and edit all areas of your project and commerce sites. Previously known as `backstage`..


Did this page help you?