Welcome to Frontly!
Follow these simple steps to create a fully functional front-end web app. Visit our Help Center to find more articles on how to use Frontly.
1. Choose a Subdomain
A subdomain is your internal Frontly web address. It will look something like:
When entering your subdomain, ensure you only enter the first part before the .frontlyapp.com portion. You can get a Custom Domain with the Enterprise plan.
2. Create a Page
To create a page, navigate to the Pages list and click 'New Page'.
Give your page a title - This will be used as an internal reference and also will display on your public app page.
Add a Module - Modules are the building blocks of Pages inside Frontly. A Page can have multiple Modules, each with their own functionality.
Configure Filters & Actions (Optional) - Add an interactive layer to your page by adding a search bar, tab or select dropdown filters, and custom click actions.
Customize Styling - Each Module has optional style customizations you can make to fit your design preference.
Finally, don't forget to hit 'save' in the top-right corner. Once you've made your changes, head over your yoursubdomain.frontlyapp.com to preview the changes, or click the 'preview' button on the right.
3. Map Your Data
To fully utilize the capabilities of modules, you'll need to enter the API endpoints of the data you want to display or connect your data using one of our Integrations (Google Sheets, Airtable).
Connect to a data source by setting up your API Configuration or using one of our Integrations.
Add a Module that can connect to a data source (table, chart, etc.)
Click the blue "Select Source" button on the Page Config Panel.
Select Your Page Load Action or App Session Action, or another data source.
Select the fields you want to include in your module. (title, name, image, date, price etc.)
Click save, and preview your page to test.