FlutterFlow Docs
Search…
Create A New Project
You can manage your projects from the FlutterFlow Dashboard page. You can create a new project from scratch or by using a sample app. If you have an already existing project, you can duplicate, delete or leave a project (if you are a part of any Team).

Create a Blank New Project

A Blank Project gives you a blank canvas to start with. You can start building the page by dragging and dropping the UI Elements onto the canvas. Follow these steps to create a blank new project:
  • From the FlutterFlow Dashboard page select + Create Project.
  • Enter a Project Name, e.g. MyFirstProject.
  • Select + Create New from the Blank App. This will open the project setup popup.
  • Verify the Project Name.
  • Verify the Package Name. The Package Name for Android (the Bundle ID for iOS) uniquely identifies your app on the device and in Store. So make sure it is unique.
  • Click Skip to start building your new project.
By default, the new project is created with a page called HomePage.
If this is your first time using FlutterFlow, you will be taken to our onboarding screen. Here you can watch a brief introduction to FlutterFlow and complete a quick tutorial.

Create A Project From A Sample App

You can choose a template present inside FlutterFlow while creating a new project. This gives you a basic foundation to get started building your app. Follow these steps to create a new project using a template:
  • From the FlutterFlow Dashboard page select + Create Project.
  • Enter a Project Name, e.g. MyTemplateProject.
  • Hover your mouse over the project you would like to use and select Use Sample.

Create A Project With Firebase Setup

If you plan to use Firebase in your project, you can create a blank project with a Firebase setup. You can always complete the Firebase setup later using these instructions.
  • From the FlutterFlow Dashboard page select + Create Project.
  • Enter a Project Name, e.g. MyFirstProject.
  • Select + Create New from the Blank App. This will open the project setup popup.
  • Verify the Project Name.
  • Verify the Package Name. The Package Name for Android (the Bundle ID for iOS) uniquely identifies your app on the device and in Store. So make sure it is unique.
  • Click Next Step to Add Firebase to Project.
  • Get the Firebase Project ID by following the below steps:
    1. 1.
      Create Your Firebase Project:
      • Go to the Firebase console and sign in with your Google account.
      • Click Add project.
      • Enter a Project name (e.g. testproject), and click Continue.
      • (Optional) You can enable Google Analytics for the project. If you want to enable Google Analytics, then you will be prompted to select a Google Analytics account on the next screen.
      • Click Create project. Once the project is complete, select Continue.
      • See how it is done here.
    2. 2.
      Enable Access To Your Project:
      • From the Firebase dashboard from your project, navigate to the far left menu. Select Project Settings(
        ) --> Users and Permissions.
      • Select Add Member.
      • Add [email protected] as an "Editor" for your project and select Done. Then select Add Member.
      • From the Users and Permissions page, select Advanced Permission Settings (small blue text below the table).
      • Find the row containing [email protected] and select Edit Member (pencil on the far right of the row).
      • Select + Add Another Role and
      • Under Select A Role, search for Cloud Functions Admin. Select Cloud Functions Admin.
      • Under Select A Role, search for Service Account User (you may need to scroll to find this). Select Service Account User.
      • Select Save.
      • See how it is done here.
    3. 3.
      Configure Your Firestore Database
      • From the Firebase dashboard of your project, navigate to the far left menu. Select Firestore Database and then select Create Database (in the middle of the screen).
      • Next, you will need to set your Firebase security rules. To start you can select Start in test mode and select Next.
      • Next, you will need to choose the location where your Firestore data will be stored. From the dropdown, select a location and then select Enable.
      • See how it is done here.
    4. 4.
      (Optional) Enable Billing
      • From the Firebase dashboard of your project, navigate to the far left menu. Select Functions and then select Upgrade project.
      • Select purchase. If this is your first time enabling billing, you will be taken to a new page to provide your payment information. Otherwise, you can set a project budget.
      • See how it is done here.
    5. 5.
      Copy Project Id:
      • From the Firebase dashboard from your project, navigate to the far left menu. Select Project Settings(
        ) --> Project Settings.
      • Under Your Project, look for Project ID. Right-click and copy the Project ID.
  • Paste the Copied Project ID and click Connect.
  • Click on Auto Generate Config Files and then click Generate Files.
  • Turn on the Enable Authentication to allow users to log into your app using Firebase Authentication.
  • Turn on Create User Collection to Automatically add a users collection to Firestore Database.
  • Under the Entry Page, click on Unset and add the first page. Ideally, this should be the login page if you have enabled Authentication.
  • If you enabled the Authentication, you must create the Logged In Page as well (eg. HomePage).
  • Click Start Building.
You can see a full overview of our available sample apps here.
Last modified 2d ago