Skip to content

Commit 20e19f9

Browse files
committed
Moved the misc files to the correct folders, updated the content, improved formatting
1 parent 6fb7fe3 commit 20e19f9

37 files changed

+806
-97
lines changed
Lines changed: 45 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,45 @@
1+
---
2+
keywords: ['build', 'application', 'pwa', 'scalable', 'flutterflow']
3+
slug: /concepts/advanced/build-scalable-web-apps
4+
title: Build Scalable Web Applications with FlutterFlow
5+
---
6+
7+
# Build Scalable Web Applications with FlutterFlow
8+
9+
FlutterFlow allows you to build high-performance, client-side web applications—including Progressive Web Apps (PWAs) and internal tools—with a focus on scalability and maintainability.
10+
11+
:::info[Prerequisites]
12+
- A FlutterFlow account with a web-compatible project.
13+
- A basic understanding of responsive design and Flutter widgets.
14+
- (Optional) A hosting platform such as Firebase Hosting or Vercel for web deployment.
15+
:::
16+
17+
**Platform Capabilities**
18+
19+
- **Client-side applications:** Build dashboards, PWAs, and internal or external apps.
20+
- **Cross-platform deployment:** Publish to Android, iOS, Web, macOS, Windows, and Linux using Flutter.
21+
- **Code export:** Download your full source code and continue development outside of FlutterFlow with no vendor lock-in.
22+
23+
**Productivity and Reusability**
24+
25+
- **Low-code builder:** Accelerate development using drag-and-drop functionality—up to 10x faster than traditional methods.
26+
- **Design System:** Create themes and reusable components once and use them across multiple projects.
27+
- **Shared libraries:** Consolidate and reuse custom code, actions, and APIs across your organization’s projects.
28+
29+
**Integration and Extensibility**
30+
31+
- **Third-party APIs:** Connect to any external service using REST APIs or custom code.
32+
- **Custom components:** Build complex or reusable components in the design system and drag them into multiple screens or apps.
33+
34+
**Pricing and Scalability**
35+
36+
- **Developer-based subscription:** Billing is based on the number of team members, not end users.
37+
- **No usage-based charges:** FlutterFlow does not charge based on the number of users or sessions.
38+
- **External backend costs:** If you're using services like **Firebase** or **Supabase**, charges will be based on their pricing models.
39+
40+
:::info[Additional Resources]
41+
- **[FlutterFlow Documentation](/)**
42+
- **[Manual Firebase Connection Setup](/integrations/firebase/connect-to-firebase/#connect-an-existing-firebase-project-manually)**
43+
:::
44+
45+
FlutterFlow provides a scalable, low-code platform for building web applications and PWAs. Its component-based design system, cross-platform support, and code export capabilities make it ideal for teams that need flexibility, speed, and full ownership over their codebase.

docs/marketplace/creators-hub/submission-criteria.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
---
2-
slug: submission-criteria
2+
slug: resources/projects/submission-criteria
33
title: Submission Criteria
44
description: Learn about marketplace item submission criteria.
55
tags: [MarketPlace, Creators Hub]
@@ -22,7 +22,7 @@ Below, you'll find the criteria our Submission Review Team uses to review items
2222
- **What To Do:**
2323
- **If you're the sole creator:** Great! Make sure you're submitting the project from your own FlutterFlow account.
2424
- **If you're collaborating:** The project owner should be the one to submit it to Marketplace. Discuss this with your collaborators beforehand.
25-
- **If you've acquired a project:** Ensure the original creator has officially [transferred ownership](../../resources/projects/how-to-collaborate-on-projects.md#transferring-project) rights to you. This may involve legal documentation, so it's important to handle it properly.
25+
- **If you've acquired a project:** Ensure the original creator has officially [transferred ownership](/resources/projects/collaboration) rights to you. This may involve legal documentation, so it's important to handle it properly.
2626

2727
#### 1.2 Significant Edits Made
2828

Lines changed: 102 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,102 @@
1+
---
2+
keywords: ['members', 'project', 'team']
3+
slug: /resources/projects/add-team-members
4+
title: Add Team Members to a Project
5+
---
6+
7+
# Add Team Members to a Project
8+
9+
FlutterFlow enables project collaboration through user invitations, organization-level access, real-time editing, and activity tracking. You can assign different roles and permissions to manage how collaborators interact with your project.
10+
11+
:::info[Prerequisites]
12+
Ensure the invited user has a valid **FlutterFlow account** or an accessible email address to receive the invitation.
13+
:::
14+
15+
## Invite Team Members to a Project
16+
17+
Follow these steps to invite team members and assign roles:
18+
19+
1. **Open the Project**
20+
21+
Launch your FlutterFlow project.
22+
23+
2. **Navigate to Team Settings**
24+
25+
In the left sidebar, go to **Settings & Integrations > Project Setup > Team**.
26+
27+
3. **Invite a User**
28+
29+
Click **Invite User** and enter the email address of the person you want to add.
30+
31+
4. **Set Role and Send Invitation**
32+
33+
Choose a role (**Editor**, **Read-only**, or **Owner**) and click **Invite**.
34+
35+
![](imgs/20250430121506784010.gif)
36+
37+
The user's status will show as **Pending** until they accept the invitation. If they’re not yet registered with FlutterFlow, they will receive an email invitation to create an account.
38+
39+
:::note
40+
Each team member can only access features available under their individual FlutterFlow subscription.
41+
:::
42+
43+
## Assigning Roles and Permissions
44+
45+
When inviting collaborators, choose from the following roles:
46+
47+
- **Editor**: Can edit the project.
48+
- **Read-only**: Can view the project but cannot make changes.
49+
- **Owner**: Full access, including administrative control.
50+
51+
:::info
52+
- The default role assigned is **Editor**.
53+
- Read-only users cannot access shared team libraries like custom code or design systems.
54+
- Read-only users added through *Teams* or *Organization* do not count against your team’s seat limit.
55+
:::
56+
57+
## Share Project with an Organization
58+
59+
You can share a project with all current and future team members in your organization by enabling the **Grant team members access** toggle in **Team Settings**.
60+
61+
![](imgs/share-with-team.avif)
62+
63+
This ensures that every member of the organization can access the project without needing individual invitations.
64+
65+
## Real-Time Collaboration
66+
67+
Real-Time Collaboration allows multiple builders to work on the same page, component, or design system at once. All changes are visible instantly to everyone on the same page.
68+
69+
![](../../../static/img/real-time-collaboration.gif)
70+
71+
This increases productivity by allowing simultaneous contributions without overwriting each other's work.
72+
73+
:::info
74+
Real-Time Collaboration is available only on **Teams** and **Enterprise** plans.
75+
:::
76+
77+
## Transfer Project Ownership
78+
79+
You can transfer ownership of a project to another user if needed.
80+
81+
:::danger
82+
This action is irreversible. To regain ownership, the new owner must transfer it back to you manually.
83+
:::
84+
85+
To transfer ownership:
86+
87+
1. Go to **Settings & Integrations > Project Setup > Collaboration > Project-Level Access**.
88+
2. Click on the role of the current user.
89+
3. Select **Owner** from the dropdown.
90+
91+
![](imgs/transfer-ownership.avif)
92+
93+
## View Project Activity
94+
95+
Project Activity provides a timeline of changes made by all collaborators. It helps track progress and audit modifications across the project.
96+
97+
![](imgs/project-activity.avif)
98+
99+
:::info
100+
- **Teams** users can view the past 7 days of activity.
101+
- **Enterprise** users can access and download the full activity history.
102+
:::

docs/resources/projects/how-to-collaborate-on-projects.md

Lines changed: 0 additions & 93 deletions
This file was deleted.
5.69 MB
Loading
194 KB
Loading
Lines changed: 39 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,39 @@
1+
---
2+
keywords: ['community', 'join', 'account issue']
3+
slug: /resources/projects/join-flutterflow-community
4+
title: Join the FlutterFlow Community
5+
---
6+
7+
# Join the FlutterFlow Community
8+
9+
The FlutterFlow Community lives on a separate platform from your FlutterFlow editor account and requires a separate login. If you’re seeing errors like _"account not created"_ or _"password is wrong,"_ it’s likely because the community account hasn’t been set up yet.
10+
11+
:::info[Prerequisites]
12+
You must be a registered FlutterFlow user to join the community.
13+
:::
14+
15+
**Steps to Join the Community:**
16+
17+
1. From your **FlutterFlow Dashboard**, click on **Resources** in the left-hand menu.
18+
19+
2. Click **Join Community**.
20+
21+
3. Check your inbox for an email from `[email protected]`.
22+
23+
4. Open the email and click **Accept the Invitation**.
24+
25+
5. Complete the signup process by setting a password.
26+
27+
![](imgs/20250430121510782041.png)
28+
29+
**Use the same email** associated with your FlutterFlow account to receive the invitation.
30+
You can verify your email on your **[FlutterFlow Account Settings](/settings/account)**.
31+
32+
**Common Issues:**
33+
34+
- **Didn’t receive the invite?**
35+
Check your spam or promotions folder for an email from `[email protected]`.
36+
37+
- **Email mismatch?**
38+
If you used a different email to sign up for FlutterFlow, the invitation may not arrive. Confirm your registered email in your FlutterFlow account.
39+
79.3 KB
Loading
Lines changed: 40 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,40 @@
1+
---
2+
keywords: ['build', 'websites', 'apps']
3+
slug: deployment/build-web-apps
4+
title: Build Web Applications with FlutterFlow
5+
---
6+
7+
# Build Web Applications with FlutterFlow
8+
9+
FlutterFlow can generate code that runs as a web application. However, there are important limitations and platform-specific issues to keep in mind.
10+
11+
:::info[Prerequisites]
12+
- A FlutterFlow project with web as a selected platform.
13+
- Familiarity with Flutter Web deployment using the Flutter CLI.
14+
- Access to a third-party hosting service (e.g., Firebase Hosting, Vercel).
15+
:::
16+
17+
**Web Support Status**
18+
19+
:::note
20+
Flutter Web is not officially supported in FlutterFlow. However, the generated code can still be compiled and run as a web app using Flutter tools.
21+
:::
22+
23+
While the platform can generate code suitable for web, some features may not behave consistently across all browsers or devices.
24+
25+
**Platform Limitations**
26+
- **Scrolling issues on iOS Safari.**
27+
- **Video playback limitations:** Native video and YouTube players may not function correctly on iOS web.
28+
29+
**Deployment Considerations**
30+
31+
FlutterFlow does not currently offer direct deployment to the web from its interface. To publish your app:
32+
33+
1. Export the Flutter project from FlutterFlow.
34+
2. Follow the **[Flutter Web Deployment Guide](https://flutter.dev/docs/deployment/web#deploying-to-the-web)** for instructions on building and deploying your app.
35+
36+
:::info[Additional Resources]
37+
- **[Flutter Web Deployment Guide](https://flutter.dev/docs/deployment/web#deploying-to-the-web)**
38+
:::
39+
40+
FlutterFlow supports generating web-compatible code, which can be deployed using Flutter tools. However, because Flutter Web is not officially supported, some features—especially on iOS—may be limited. Deployment must be handled manually using an external platform or CLI.

docs/testing-deployment-publishing/publishing/web-publishing.md

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -174,7 +174,9 @@ Adding a custom domain to your web app can give it a more professional look and
174174
:::info[Important]
175175

176176
- Only *Pro* and *Teams* plans include **one** free custom domain. The *Teams* plan comes with one custom domain for the whole team. If you are on the *Standard* plan, you will need to purchase a custom domain, as it is not included in the plan for free.
177-
- Only paid plans can purchase domains. *Standard* and *Pro* users can buy from their *Account* page, and Teams owners can buy it from **[My Organization](../../resources/projects/how-to-collaborate-on-projects.md#sharing-a-project-with-an-organization)**.
177+
178+
- Only paid plans can purchase domains. *Standard* and *Pro* users can buy from their *Account* page, and Teams owners can buy it.
179+
178180
- A single custom domain slot can be linked to only one domain or subdomain.
179181
- You can connect only one domain to a project, which can be either a root domain (like 'myapp.com') or a subdomain (such as 'beta.myapp.com'). That means if you connect a root domain, none of the subdomains under it will connected to the project. This leads to the rule of '*One project => One domain OR subdomain'*.
180182

0 commit comments

Comments
 (0)