There are two ways to build your application on the Flatlogic Platform: you can create a simple and clear one-page application, generated by the framework CLI, or the CRUD application with frontend+backend+database.

The first thing you need to do is Sign in to your account at Flatlogic Platform.

And click on Create web app and you will be redirected to the app generation page.

How to create a one-page React application

You can create a frontend-only application with the Flatlogic Platform. This assumes you host the back-end somewhere else or do not need it at all. To generate a one-page application you don't need to enter anything in the terminal of your IDE, you just need to go to the page of creating an application on the Flatlogic website and make only 2 steps.

First, what you should do is set the name of your application.

1 Step. Choosing the Tech Stack

In this step, you set the name of your application and choose the stack: Frontend as React.

And choose Backend as No-Backend.

2 Step. Choosing the Starter Kit/Template

In this step, you choose the Starter Kit/Template for your application. Since this is a standard one-page application created using the CLI framework, it will have the design of a standard one-page React CLI application.

Next, you can connect your GIT repository for further work with it and 'Deploy' your Project.

If you click on GitHub the ‘Login’ window opens next, where you need to enter login details for your GitHub account or sign in. Next, the ‘Choose a name for your repository’ window opens, where you have to choose a name for your repository and select privacy terms.

Afterwards, you will be redirected to the settings of your application, where you can make deployment of your application and make some changes if you want to.

Deployment of an Application

Here on the Overview tab, you have the Deploy button, using which you can launch the building process of your application.

Also in the Settings tab, you have two options to make the deployment of your Deploy From Scratch and Deploy From Git (if you’re already connected GitHub repository).

Deploy From Scratch

So if you click on Deploy or also on Deploy From Scratch from the Settings tab your application will be generated in a few minutes.

Versioning

You can find versions on the Code Preview tab of all the required items in the file ‘./package.json’ for the frontend.

Also on the Overview tab you can see the option to update to the latest template version for frontend.

Connecting and working with Git

Firstly, if you’re not connected already to the GitHub repository, you can connect to it from the settings by just clicking on Push to Github.

The ‘Login’ window opens next, where you need to enter login details for your GitHub account or sign in.

Next, the ‘Choose a name for your repository’ window opens, where you have to choose a name for your repository and select privacy terms.

After this step, the Flatlogic Bot creates a GitHub repository for you and uploads your code there. Afterwards, you can work with the platform or with your GitHub repository.

Also, you can make changes to your code in your GitHub repository. But make sure you’re working on the right bench.

GitHub is connected to Flatlogic hosting, all deployments go directly from there. There are two branches: master & generated. Master - is for you to make changes directly in the source code. Generated is for Flatlogic Bot to make changes to the generated code. You can initiate Flatlogic Bot commit by pressing on push to GitHub button after making changes to the app. After this, you need to create a pull request and merge generated branch into master. It is better not to work with the Generated branch and leave it to Flatlogic Bot.

Master Branch

All customizations you wanted to add you should do at the Master branch on GitHub. To open your application with the changes you made on GitHub, you should go to your Project Settings on flatlogic.com and click on ‘Deploy from Git’ and your application will be rebuilt.

Generated Branch

After every change, you have made to your project on the Applications Settings tab you can initiate a push to GitHub. Flatlogic bot will push changes to the Generated Branch.

Next, you can create a pull request and merge the changes in both branches with a click on ‘Compare & pull request’.

Deploy From Git

If you click on Deploy from Git, your application will be generated from your GitHub repository, pulling up all of the changes that you made on it.

Why use Flatlogic Platform

Flatlogic Platform will be a good choice if you are starting a web application based on a relational DB and need both rapid development features and flexibility. Here is the list of obvious advantages:


                                                                   How to create NextJS App →