Creating your First Experience

Welcome to Fastr Frontend! This article is going to cover the basics of creating your very first page and experience in the Fastr Frontend Platform. If you haven't gotten logged in yet, please refer to the following article: Getting logged in to Fastr Frontend Dashboard

Once you see the Dashboard, you can follow these steps to get started:

Add a new Page

As a first step, you can select the "Add New Page" button to get started. This will set-up your first page, and also will create your very first content slot! For more information about how pages and content slots work, you can click here for more information about the Dashboard

The next step would be clicking this "New Experience" button to open up the Experience Canvas: 

Creating a Board

The Experience Canvas is the area where you can build and design all of your content. Throughout xthe community portal we have many other articles that cover the specifics of the experience canvas, but for this article we will just build and preview a basic example. For extended details on the Experience Canvas, please review the following overview article: Fastr Frontend Experience Canvas: Overview

The first step that you should perform is adding a board, which is highlighted in the following screenshot.  Once you click on the "Board" widget, you should drag the cursor on the canvas to create a white square. Please note - In order to preview and publish any experience, it is required to have a board on your canvas

This board will be the container for your final experience, so you'll want to make sure the aspect ratio is set-up correctly. In the following example, you can see that this board has a vertical shape, which would work well for a mobile experience. Keep the shape of your board in mind as you design your experiences! 

Add a Text Widget

When you design content, the typical flow will start with selecting a widget on the left hand side. For this example, you can click on the Text widget, which is highlighted in the screenshot below.


Just like the board widget, you will want to click an area on the canvas to place the text widget. Once you have placed this widget, you can type to add text. Additionally, the "Design Tab" can be used to make adjustments to style your widget. This tab can be found on the right-hand side of the canvas, as shown in the following screenshot.  For the text widget, the Design Tab will display options for changing the font, font size, and other elements. 

Preview Your Experience

Feel free to experiment with the other widget types besides text! You'll notice that as you use different widgets, the Design tab might showcase different options. For full information on the different widget types available, you can review the following article: Fastr Frontend Experience Canvas – Widget Types

Once you've finished testing the different widget types, you can click this option in the top right corner to preview your experience: 



Congratulations! You've just created your first experience in Fastr Frontend. If you'd like to keep learning more, you can review this article which covers How to Publish an experience

Have any questions? Email support@getfastr.com