-
Notifications
You must be signed in to change notification settings - Fork 103
Miscellaneous: Moved the misc files to the correct folders, updated the content, improved formatting #436
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Open
mrdavidorok
wants to merge
2
commits into
main
Choose a base branch
from
david/miscellaneous
base: main
Could not load branches
Branch not found: {{ refName }}
Loading
Could not load tags
Nothing to show
Loading
Are you sure you want to change the base?
Some commits from the old base branch may be removed from the timeline,
and old review comments may become outdated.
Open
Miscellaneous: Moved the misc files to the correct folders, updated the content, improved formatting #436
Changes from all commits
Commits
File filter
Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
There are no files selected for viewing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,45 @@ | ||
--- | ||
keywords: ['build', 'application', 'pwa', 'scalable', 'flutterflow'] | ||
slug: /concepts/advanced/build-scalable-web-apps | ||
title: Build Scalable Web Applications with FlutterFlow | ||
--- | ||
|
||
# Build Scalable Web Applications with FlutterFlow | ||
|
||
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. | ||
|
||
:::info[Prerequisites] | ||
- A FlutterFlow account with a web-compatible project. | ||
- A basic understanding of responsive design and Flutter widgets. | ||
- (Optional) A hosting platform such as Firebase Hosting or Vercel for web deployment. | ||
::: | ||
|
||
**Platform Capabilities** | ||
|
||
- **Client-side applications:** Build dashboards, PWAs, and internal or external apps. | ||
- **Cross-platform deployment:** Publish to Android, iOS, Web, macOS, Windows, and Linux using Flutter. | ||
- **Code export:** Download your full source code and continue development outside of FlutterFlow with no vendor lock-in. | ||
|
||
**Productivity and Reusability** | ||
|
||
- **Low-code builder:** Accelerate development using drag-and-drop functionality—up to 10x faster than traditional methods. | ||
- **Design System:** Create themes and reusable components once and use them across multiple projects. | ||
- **Shared libraries:** Consolidate and reuse custom code, actions, and APIs across your organization’s projects. | ||
|
||
**Integration and Extensibility** | ||
|
||
- **Third-party APIs:** Connect to any external service using REST APIs or custom code. | ||
- **Custom components:** Build complex or reusable components in the design system and drag them into multiple screens or apps. | ||
|
||
**Pricing and Scalability** | ||
|
||
- **Developer-based subscription:** Billing is based on the number of team members, not end users. | ||
- **No usage-based charges:** FlutterFlow does not charge based on the number of users or sessions. | ||
- **External backend costs:** If you're using services like **Firebase** or **Supabase**, charges will be based on their pricing models. | ||
|
||
:::info[Additional Resources] | ||
- **[FlutterFlow Documentation](/)** | ||
- **[Manual Firebase Connection Setup](/integrations/firebase/connect-to-firebase/#connect-an-existing-firebase-project-manually)** | ||
::: | ||
|
||
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. |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,102 @@ | ||
--- | ||
keywords: ['members', 'project', 'team'] | ||
slug: /resources/projects/add-team-members | ||
title: Add Team Members to a Project | ||
--- | ||
|
||
# Add Team Members to a Project | ||
|
||
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. | ||
|
||
:::info[Prerequisites] | ||
Ensure the invited user has a valid **FlutterFlow account** or an accessible email address to receive the invitation. | ||
::: | ||
|
||
## Invite Team Members to a Project | ||
|
||
Follow these steps to invite team members and assign roles: | ||
|
||
1. **Open the Project** | ||
|
||
Launch your FlutterFlow project. | ||
|
||
2. **Navigate to Team Settings** | ||
|
||
In the left sidebar, go to **Settings & Integrations > Project Setup > Team**. | ||
|
||
3. **Invite a User** | ||
|
||
Click **Invite User** and enter the email address of the person you want to add. | ||
|
||
4. **Set Role and Send Invitation** | ||
|
||
Choose a role (**Editor**, **Read-only**, or **Owner**) and click **Invite**. | ||
|
||
 | ||
|
||
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. | ||
|
||
:::note | ||
Each team member can only access features available under their individual FlutterFlow subscription. | ||
::: | ||
|
||
## Assigning Roles and Permissions | ||
|
||
When inviting collaborators, choose from the following roles: | ||
|
||
- **Editor**: Can edit the project. | ||
- **Read-only**: Can view the project but cannot make changes. | ||
- **Owner**: Full access, including administrative control. | ||
|
||
:::info | ||
- The default role assigned is **Editor**. | ||
- Read-only users cannot access shared team libraries like custom code or design systems. | ||
- Read-only users added through *Teams* or *Organization* do not count against your team’s seat limit. | ||
::: | ||
|
||
## Share Project with an Organization | ||
|
||
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**. | ||
|
||
 | ||
|
||
This ensures that every member of the organization can access the project without needing individual invitations. | ||
|
||
## Real-Time Collaboration | ||
|
||
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. | ||
|
||
 | ||
|
||
This increases productivity by allowing simultaneous contributions without overwriting each other's work. | ||
|
||
:::info | ||
Real-Time Collaboration is available only on **Teams** and **Enterprise** plans. | ||
::: | ||
|
||
## Transfer Project Ownership | ||
|
||
You can transfer ownership of a project to another user if needed. | ||
|
||
:::danger | ||
This action is irreversible. To regain ownership, the new owner must transfer it back to you manually. | ||
::: | ||
|
||
To transfer ownership: | ||
|
||
1. Go to **Settings & Integrations > Project Setup > Collaboration > Project-Level Access**. | ||
2. Click on the role of the current user. | ||
3. Select **Owner** from the dropdown. | ||
|
||
 | ||
|
||
## View Project Activity | ||
|
||
Project Activity provides a timeline of changes made by all collaborators. It helps track progress and audit modifications across the project. | ||
|
||
 | ||
|
||
:::info | ||
- **Teams** users can view the past 7 days of activity. | ||
- **Enterprise** users can access and download the full activity history. | ||
::: |
This file was deleted.
Oops, something went wrong.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,39 @@ | ||
--- | ||
keywords: ['community', 'join', 'account issue'] | ||
slug: /resources/projects/join-flutterflow-community | ||
title: Join the FlutterFlow Community | ||
--- | ||
|
||
# Join the FlutterFlow Community | ||
|
||
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. | ||
|
||
:::info[Prerequisites] | ||
You must be a registered FlutterFlow user to join the community. | ||
::: | ||
|
||
**Steps to Join the Community:** | ||
|
||
1. From your **FlutterFlow Dashboard**, click on **Resources** in the left-hand menu. | ||
|
||
2. Click **Join Community**. | ||
|
||
3. Check your inbox for an email from `[email protected]`. | ||
|
||
4. Open the email and click **Accept the Invitation**. | ||
|
||
5. Complete the signup process by setting a password. | ||
|
||
 | ||
|
||
**Use the same email** associated with your FlutterFlow account to receive the invitation. | ||
You can verify your email on your FlutterFlow Account Settings. | ||
|
||
**Common Issues:** | ||
|
||
- **Didn’t receive the invite?** | ||
Check your spam or promotions folder for an email from `[email protected]`. | ||
|
||
- **Email mismatch?** | ||
If you used a different email to sign up for FlutterFlow, the invitation may not arrive. Confirm your registered email in your FlutterFlow account. | ||
|
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
40 changes: 40 additions & 0 deletions
40
docs/testing-deployment-publishing/publishing/build_web_apps.md
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,40 @@ | ||
--- | ||
keywords: ['build', 'websites', 'apps'] | ||
slug: deployment/build-web-apps | ||
title: Build Web Applications with FlutterFlow | ||
--- | ||
|
||
# Build Web Applications with FlutterFlow | ||
|
||
FlutterFlow can generate code that runs as a web application. However, there are important limitations and platform-specific issues to keep in mind. | ||
|
||
:::info[Prerequisites] | ||
- A FlutterFlow project with web as a selected platform. | ||
- Familiarity with Flutter Web deployment using the Flutter CLI. | ||
- Access to a third-party hosting service (e.g., Firebase Hosting, Vercel). | ||
::: | ||
|
||
**Web Support Status** | ||
|
||
:::note | ||
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. | ||
::: | ||
|
||
While the platform can generate code suitable for web, some features may not behave consistently across all browsers or devices. | ||
|
||
**Platform Limitations** | ||
- **Scrolling issues on iOS Safari.** | ||
- **Video playback limitations:** Native video and YouTube players may not function correctly on iOS web. | ||
|
||
**Deployment Considerations** | ||
|
||
FlutterFlow does not currently offer direct deployment to the web from its interface. To publish your app: | ||
|
||
1. Export the Flutter project from FlutterFlow. | ||
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. | ||
|
||
:::info[Additional Resources] | ||
- **[Flutter Web Deployment Guide](https://flutter.dev/docs/deployment/web#deploying-to-the-web)** | ||
::: | ||
|
||
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. |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
have you read this article even? do you think this is true?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I didn't work on this article. It wasn't written by me
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
https://docs.flutterflow.io/flutterflow-ui/builder
It was written by Pinkesh