diff --git a/convert_html_to_markdown.py b/convert_html_to_markdown.py new file mode 100644 index 00000000..82b1d745 --- /dev/null +++ b/convert_html_to_markdown.py @@ -0,0 +1,26 @@ +from bs4 import BeautifulSoup +import requests +import markdownify + +def html_to_markdown(url, output_file): + response = requests.get(url) + html_content = response.text + + # Parse the HTML content using Beautiful Soup + soup = BeautifulSoup(html_content, 'html.parser') + + # Convert HTML to Markdown + markdown_text = markdownify.markdownify(str(soup), heading_style="ATX") + + # Save to a Markdown file + with open(output_file, 'w') as file: + file.write(markdown_text) + +# URL of the page you want to convert +url = 'https://docs.flutterflow.io/marketplace/adding-and-purchasing-items' + +# Output filename +output_file = 'output.md' + +# Perform conversion and save to file +html_to_markdown(url, output_file) \ No newline at end of file diff --git a/docs/ff-concepts/adding-customization/custom-actions.md b/docs/ff-concepts/adding-customization/custom-actions.md index 0fcd2e9c..9d09d8e0 100644 --- a/docs/ff-concepts/adding-customization/custom-actions.md +++ b/docs/ff-concepts/adding-customization/custom-actions.md @@ -2,7 +2,7 @@ slug: /concepts/custom-code/custom-actions title: Custom Actions description: Learn how to create and use custom actions in your FlutterFlow app to enhance functionality. -tags: [FlutterFlow, Custom Actions, Custom Code] +tags: [Custom Actions, Custom Code] sidebar_position: 3 keywords: [FlutterFlow, Custom Actions, Customizations, Flutter, Dart, Pub.dev] --- diff --git a/docs/ff-concepts/adding-customization/custom-code.md b/docs/ff-concepts/adding-customization/custom-code.md index bc28127d..9c71ed6b 100644 --- a/docs/ff-concepts/adding-customization/custom-code.md +++ b/docs/ff-concepts/adding-customization/custom-code.md @@ -2,7 +2,7 @@ slug: /concepts/custom-code title: Writing Custom Code description: Learn how to write and integrate custom code in your FlutterFlow app to add custom functionalities. -tags: [FlutterFlow, Custom Code, Customizations] +tags: [Custom Code, Customizations] sidebar_position: 1 keywords: [FlutterFlow, Custom Code, Customizations, Flutter, Dart, Pub.dev] toc_max_heading_level: 4 diff --git a/docs/ff-concepts/adding-customization/custom-files.md b/docs/ff-concepts/adding-customization/custom-files.md index cb7b3451..4e8f8247 100644 --- a/docs/ff-concepts/adding-customization/custom-files.md +++ b/docs/ff-concepts/adding-customization/custom-files.md @@ -2,7 +2,7 @@ slug: /concepts/custom-code/custom-files title: Custom Files description: Learn how to manage and use custom files in your FlutterFlow app to extend its capabilities. -tags: [FlutterFlow, Custom Files, Custom Code] +tags: [Custom Files, Custom Code] sidebar_position: 5 keywords: [FlutterFlow, Custom Files, Customizations, Flutter, Dart, Pub.dev] --- diff --git a/docs/ff-concepts/adding-customization/custom-functions.md b/docs/ff-concepts/adding-customization/custom-functions.md index a6ca3da9..5060ea06 100644 --- a/docs/ff-concepts/adding-customization/custom-functions.md +++ b/docs/ff-concepts/adding-customization/custom-functions.md @@ -2,7 +2,7 @@ slug: /concepts/custom-code/custom-functions title: Custom Functions description: Learn how to create and use custom functions in your FlutterFlow app to add custom functionalities. -tags: [FlutterFlow, Custom Functions, Custom Code] +tags: [Custom Functions, Custom Code] sidebar_position: 2 keywords: [FlutterFlow, Custom Functions, Customizations, Flutter, Dart, Pub.dev] --- diff --git a/docs/ff-concepts/adding-customization/custom-widgets.md b/docs/ff-concepts/adding-customization/custom-widgets.md index 80d317fe..d4eaa4de 100644 --- a/docs/ff-concepts/adding-customization/custom-widgets.md +++ b/docs/ff-concepts/adding-customization/custom-widgets.md @@ -2,7 +2,7 @@ slug: /concepts/custom-code/custom-widgets title: Custom Widgets description: Learn how to create and use custom widgets in your FlutterFlow app to enhance its user interface. -tags: [FlutterFlow, Custom Widgets, Custom Code] +tags: [Custom Widgets, Custom Code] sidebar_position: 4 keywords: [FlutterFlow, Custom Widgets, Customizations, Flutter, Dart, Pub.dev] --- diff --git a/docs/ff-concepts/animations/animations.md b/docs/ff-concepts/animations/animations.md index 0b9ec9a7..352b0d85 100644 --- a/docs/ff-concepts/animations/animations.md +++ b/docs/ff-concepts/animations/animations.md @@ -2,7 +2,7 @@ slug: /concepts/animations title: Animations description: Learn the basics of animations in FlutterFlow. -tags: [FlutterFlow, Animations, Concepts] +tags: [Animations, Concepts] sidebar_position: 1 keywords: [FlutterFlow, Animations, Concepts] --- diff --git a/docs/ff-concepts/animations/hero_animations.md b/docs/ff-concepts/animations/hero_animations.md index 4a314576..738f5352 100644 --- a/docs/ff-concepts/animations/hero_animations.md +++ b/docs/ff-concepts/animations/hero_animations.md @@ -2,7 +2,7 @@ slug: /concepts/animations/hero-animations title: Hero Animations description: Learn how to add Hero Animations in your FlutterFlow app. -tags: [FlutterFlow, Hero Animations, Concepts] +tags: [Hero Animations, Concepts] sidebar_position: 3 keywords: [FlutterFlow, Hero Animations, Concepts] --- diff --git a/docs/ff-concepts/animations/implicit_animations.md b/docs/ff-concepts/animations/implicit_animations.md index 031fc1db..2859b036 100644 --- a/docs/ff-concepts/animations/implicit_animations.md +++ b/docs/ff-concepts/animations/implicit_animations.md @@ -2,7 +2,7 @@ slug: /concepts/animations/implicit title: Implicit Animations description: Learn how to add implicit animations in FlutterFlow. -tags: [FlutterFlow, Implicit Animations, Concepts] +tags: [Implicit Animations, Concepts] sidebar_position: 2 keywords: [FlutterFlow, Implicit Animations, Concepts] --- diff --git a/docs/ff-concepts/animations/page_transitions.md b/docs/ff-concepts/animations/page_transitions.md index c3376cda..2331edc3 100644 --- a/docs/ff-concepts/animations/page_transitions.md +++ b/docs/ff-concepts/animations/page_transitions.md @@ -2,7 +2,7 @@ slug: /concepts/animations/page-transition title: Page Transition Animations description: Learn how to add page transition animations in your FlutterFlow app. -tags: [FlutterFlow, Page Transition Animations, Concepts] +tags: [Page Transition Animations, Concepts] sidebar_position: 4 keywords: [FlutterFlow, Page Transition Animations, Concepts] --- diff --git a/docs/ff-concepts/animations/widget_animations.md b/docs/ff-concepts/animations/widget_animations.md index 7926015a..345f0a96 100644 --- a/docs/ff-concepts/animations/widget_animations.md +++ b/docs/ff-concepts/animations/widget_animations.md @@ -2,7 +2,7 @@ slug: /concepts/animations/widget-animations title: Widget Animations description: Learn how to add widget animations in FlutterFlow. -tags: [FlutterFlow, Widget Animations, Concepts] +tags: [Widget Animations, Concepts] sidebar_position: 1 keywords: [FlutterFlow, Widget Animations, Concepts] --- diff --git a/docs/ff-concepts/design-system/design-system.md b/docs/ff-concepts/design-system/design-system.md index 5c464b3f..234a8991 100644 --- a/docs/ff-concepts/design-system/design-system.md +++ b/docs/ff-concepts/design-system/design-system.md @@ -2,7 +2,7 @@ slug: /concepts/design-system title: Design System description: Discover how to create a consistent UI/UX across your app with a design system in FlutterFlow. -tags: [FlutterFlow, Design System, UI/UX, Concepts] +tags: [Design System, UI/UX, Concepts] sidebar_position: 1 keywords: [FlutterFlow, Design System, UI/UX, Concepts] --- diff --git a/docs/ff-concepts/layout/building-layout.md b/docs/ff-concepts/layout/building-layout.md index b2e5eee1..20eb5c45 100644 --- a/docs/ff-concepts/layout/building-layout.md +++ b/docs/ff-concepts/layout/building-layout.md @@ -2,7 +2,7 @@ slug: /concepts/layouts title: Building Layout description: Learn how to build layout in your FlutterFlow app. -tags: [FlutterFlow, Building Layout, Concepts] +tags: [Building Layout, Concepts] sidebar_position: 1 keywords: [FlutterFlow, Building Layout, Concepts] --- diff --git a/docs/ff-concepts/layout/responsive-layout.md b/docs/ff-concepts/layout/responsive-layout.md index bb5fbb97..5783287f 100644 --- a/docs/ff-concepts/layout/responsive-layout.md +++ b/docs/ff-concepts/layout/responsive-layout.md @@ -2,7 +2,7 @@ slug: /concepts/layouts/responsive title: Responsive Layout description: Learn how to create responsive layout in your FlutterFlow app. -tags: [FlutterFlow, Responsive Layout, Concepts] +tags: [Responsive Layout, Concepts] sidebar_position: 1 keywords: [FlutterFlow, Responsive Layout, Concepts] --- diff --git a/docs/ff-concepts/layout/responsive-widgets/conditional-builder-widget.md b/docs/ff-concepts/layout/responsive-widgets/conditional-builder-widget.md index 5b4910c3..2b4bfb44 100644 --- a/docs/ff-concepts/layout/responsive-widgets/conditional-builder-widget.md +++ b/docs/ff-concepts/layout/responsive-widgets/conditional-builder-widget.md @@ -2,7 +2,7 @@ slug: /concepts/layouts/conditional-builder title: ConditionalBuilder description: Learn how to display different widgets based on certain conditions in your FlutterFlow app. -tags: [FlutterFlow, ConditionalBuilder, Concepts] +tags: [ConditionalBuilder, Concepts] sidebar_position: 1 keywords: [FlutterFlow, ConditionalBuilder, Concepts] --- diff --git a/docs/ff-concepts/layout/responsive-widgets/wrap-widget.md b/docs/ff-concepts/layout/responsive-widgets/wrap-widget.md index 3997ed0f..d3bd5101 100644 --- a/docs/ff-concepts/layout/responsive-widgets/wrap-widget.md +++ b/docs/ff-concepts/layout/responsive-widgets/wrap-widget.md @@ -2,7 +2,7 @@ slug: /concepts/layouts/wrap title: Wrap description: Learn how to add the Wrap widget in your FlutterFlow app. -tags: [FlutterFlow, Wrap, Concepts] +tags: [Wrap, Widget, Concepts] sidebar_position: 1 keywords: [FlutterFlow, Wrap, Concepts] --- diff --git a/docs/ff-concepts/navigation-routing/deep-dynamic-linking.md b/docs/ff-concepts/navigation-routing/deep-dynamic-linking.md index 76c2ad84..454a6d90 100644 --- a/docs/ff-concepts/navigation-routing/deep-dynamic-linking.md +++ b/docs/ff-concepts/navigation-routing/deep-dynamic-linking.md @@ -2,7 +2,7 @@ slug: /concepts/navigation/deep-dynamic-linking title: Deep & Dynamic Linking description: Learn how to implement deep and dynamic linking in your FlutterFlow app. -tags: [FlutterFlow, Deep Linking, Dynamic Linking, Concepts] +tags: [Deep Linking, Dynamic Linking, Concepts] sidebar_position: 4 keywords: [FlutterFlow, Deep Linking, Dynamic Linking, Concepts] --- diff --git a/docs/ff-concepts/navigation-routing/generate-current-page-link.md b/docs/ff-concepts/navigation-routing/generate-current-page-link.md index 98cb6e7a..aa42c482 100644 --- a/docs/ff-concepts/navigation-routing/generate-current-page-link.md +++ b/docs/ff-concepts/navigation-routing/generate-current-page-link.md @@ -2,7 +2,7 @@ slug: /concepts/navigation/generate-current-page-link title: Generate Current Page Link description: Learn how to generate the current page link in your FlutterFlow app. -tags: [FlutterFlow, Navigation, Page Link, Concepts] +tags: [Navigation, Concepts] sidebar_position: 5 keywords: [FlutterFlow, Navigation, Page Link, Concepts] --- diff --git a/docs/ff-concepts/navigation-routing/launch-url-action.md b/docs/ff-concepts/navigation-routing/launch-url-action.md index 4015e1bc..a529804c 100644 --- a/docs/ff-concepts/navigation-routing/launch-url-action.md +++ b/docs/ff-concepts/navigation-routing/launch-url-action.md @@ -2,7 +2,7 @@ slug: /concepts/navigation/launch-url title: Launch URL [Action] description: Learn how to use the Launch URL Action in FlutterFlow to open URLs with supporting apps. -tags: [FlutterFlow, Launch URL, Action, Concepts] +tags: [Launch URL, Action, Concepts] sidebar_position: 7 keywords: [FlutterFlow, Launch URL, Action, Concepts] --- diff --git a/docs/ff-concepts/navigation-routing/nav-overview.md b/docs/ff-concepts/navigation-routing/nav-overview.md index 762662f5..a4e94cbc 100644 --- a/docs/ff-concepts/navigation-routing/nav-overview.md +++ b/docs/ff-concepts/navigation-routing/nav-overview.md @@ -2,7 +2,7 @@ slug: /concepts/navigation/overview title: Overview description: Learn how to add navigation in FlutterFlow. -tags: [FlutterFlow, Navigation, Concepts] +tags: [Navigation, Concepts] sidebar_position: 0 keywords: [FlutterFlow, Navigation, Concepts] --- diff --git a/docs/ff-concepts/navigation-routing/page-navigation.md b/docs/ff-concepts/navigation-routing/page-navigation.md index 0a724d7e..0fc10e62 100644 --- a/docs/ff-concepts/navigation-routing/page-navigation.md +++ b/docs/ff-concepts/navigation-routing/page-navigation.md @@ -2,7 +2,7 @@ slug: /concepts/navigation/page-navigation title: Page Navigation description: Learn how to navigate between pages in FlutterFlow. -tags: [FlutterFlow, Page Navigation, Navigation, Concepts] +tags: [Page Navigation, Navigation, Concepts] sidebar_position: 1 keywords: [FlutterFlow, Page Navigation, Navigation, Concepts] --- diff --git a/docs/ff-concepts/navigation-routing/passing-data.md b/docs/ff-concepts/navigation-routing/passing-data.md index 2f6949b3..d449efc5 100644 --- a/docs/ff-concepts/navigation-routing/passing-data.md +++ b/docs/ff-concepts/navigation-routing/passing-data.md @@ -2,7 +2,7 @@ slug: /concepts/navigation/passing-data title: Passing Data description: Learn how to pass data between pages in FlutterFlow. -tags: [FlutterFlow, Passing Data, Navigation, Concepts] +tags: [Passing Data, Navigation, Concepts] sidebar_position: 2 keywords: [FlutterFlow, Passing Data, Navigation, Concepts] --- diff --git a/docs/ff-concepts/navigation-routing/share-action.md b/docs/ff-concepts/navigation-routing/share-action.md index 8564445a..b57ad3b6 100644 --- a/docs/ff-concepts/navigation-routing/share-action.md +++ b/docs/ff-concepts/navigation-routing/share-action.md @@ -2,7 +2,7 @@ slug: /concepts/navigation/share-action title: Share [Action] description: Learn how to use the Share Action in your FlutterFlow app to share content. -tags: [FlutterFlow, Share Action, Navigation, Concepts] +tags: [Share Action, Navigation, Concepts] sidebar_position: 6 keywords: [FlutterFlow, Share Action, Navigation, Concepts] --- diff --git a/docs/ff-concepts/navigation-routing/webview-widget.md b/docs/ff-concepts/navigation-routing/webview-widget.md index 2546b70e..ff76258b 100644 --- a/docs/ff-concepts/navigation-routing/webview-widget.md +++ b/docs/ff-concepts/navigation-routing/webview-widget.md @@ -2,7 +2,7 @@ slug: /concepts/navigation/webview title: WebView description: Learn how to use the WebView widget in FlutterFlow to display website content directly within your app. -tags: [FlutterFlow, WebView, Navigation, Concepts] +tags: [WebView, Navigation, Concepts] sidebar_position: 6 keywords: [FlutterFlow, WebView, Navigation, Concepts] --- diff --git a/docs/ff-concepts/state-management/generated-code.md b/docs/ff-concepts/state-management/generated-code.md index 50d8c4ae..1922c3fa 100644 --- a/docs/ff-concepts/state-management/generated-code.md +++ b/docs/ff-concepts/state-management/generated-code.md @@ -2,7 +2,7 @@ slug: /concepts/state-management/generated-code title: Generated Code description: Learn about the state management used in FlutterFlow's generated code. -tags: [FlutterFlow, Generated Code, Concepts, State Management] +tags: [Generated Code, Concepts, State Management] toc_max_heading_level: 5 sidebar_position: 2 keywords: [FlutterFlow, Generated Code, State Management, Concepts] diff --git a/docs/ff-integrations/ads/admob.md b/docs/ff-integrations/ads/admob.md index 3660473d..6eebf10a 100644 --- a/docs/ff-integrations/ads/admob.md +++ b/docs/ff-integrations/ads/admob.md @@ -2,7 +2,7 @@ slug: /integrations/ads/admob title: AdMob description: Learn how to add AdMob in your FlutterFlow app. -tags: [FlutterFlow, AdMob, AdBanner, Interstitial Ad] +tags: [AdMob, AdBanner, Interstitial Ad] sidebar_position: 1 keywords: [FlutterFlow, AdMob, AdBanner, Interstitial Ad] --- diff --git a/docs/ff-integrations/authentication/custom-auth/custom-auth.md b/docs/ff-integrations/authentication/custom-auth/custom-auth.md index 8d3af493..2c923df0 100644 --- a/docs/ff-integrations/authentication/custom-auth/custom-auth.md +++ b/docs/ff-integrations/authentication/custom-auth/custom-auth.md @@ -1,7 +1,7 @@ --- slug: /integrations/authentication/custom-authentication title: Custom Authentication -tags: [FlutterFlow, Custom Authentication, Authentication] +tags: [Custom Authentication, Authentication] description: Learn how to add custom authentication in your FlutterFlow app. sidebar_position: 1 keywords: [FlutterFlow, Custom Authentication, Authentication] diff --git a/docs/ff-integrations/authentication/custom-auth/token.md b/docs/ff-integrations/authentication/custom-auth/token.md index 1b046875..100a36cc 100644 --- a/docs/ff-integrations/authentication/custom-auth/token.md +++ b/docs/ff-integrations/authentication/custom-auth/token.md @@ -3,7 +3,7 @@ id: auth-token slug: /integrations/authentication/tokens title: Tokens description: Learn about the types and lifespans of tokens in custom authentication. -tags: [FlutterFlow, Tokens, Authentication, Custom Authentication] +tags: [Tokens, Authentication, Custom Authentication] sidebar_label: Tokens sidebar_position: 1 keywords: [FlutterFlow, Tokens, Authentication, Custom Authentication] diff --git a/docs/ff-integrations/authentication/firebase-auth/anonymous-login.md b/docs/ff-integrations/authentication/firebase-auth/anonymous-login.md index 1cce7dae..dafe67ef 100644 --- a/docs/ff-integrations/authentication/firebase-auth/anonymous-login.md +++ b/docs/ff-integrations/authentication/firebase-auth/anonymous-login.md @@ -2,7 +2,7 @@ slug: /integrations/authentication/firebase/anonymous-login title: Anonymous Login description: Learn how to implement anonymous login in your FlutterFlow app. -tags: [FlutterFlow, Anonymous Login, Authentication, Firebase] +tags: [Anonymous Login, Authentication, Firebase] sidebar_position: 6 keywords: [FlutterFlow, Anonymous Login, Authentication, Firebase] --- diff --git a/docs/ff-integrations/authentication/firebase-auth/apple-login.md b/docs/ff-integrations/authentication/firebase-auth/apple-login.md index 38596e7d..405493d1 100644 --- a/docs/ff-integrations/authentication/firebase-auth/apple-login.md +++ b/docs/ff-integrations/authentication/firebase-auth/apple-login.md @@ -2,7 +2,7 @@ slug: /integrations/authentication/firebase/apple title: Apple Login description: Learn how to add Apple login in your FlutterFlow app. -tags: [FlutterFlow, Apple Login, Authentication, Firebase] +tags: [Apple Login, Authentication, Firebase] sidebar_position: 2 keywords: [FlutterFlow, Apple Login, Authentication, Firebase] --- diff --git a/docs/ff-integrations/authentication/firebase-auth/email-sign-in.md b/docs/ff-integrations/authentication/firebase-auth/email-sign-in.md index 70615f7b..506e373b 100644 --- a/docs/ff-integrations/authentication/firebase-auth/email-sign-in.md +++ b/docs/ff-integrations/authentication/firebase-auth/email-sign-in.md @@ -2,7 +2,7 @@ slug: /integrations/authentication/firebase/email-login title: Email Login description: Learn how to add Email Login in your FlutterFlow app. -tags: [FlutterFlow, Email Login, Authentication, Firebase] +tags: [Email Login, Authentication, Firebase] sidebar_position: 3 keywords: [FlutterFlow, Email Login, Authentication, Firebase] --- diff --git a/docs/ff-integrations/authentication/firebase-auth/facebook-login.md b/docs/ff-integrations/authentication/firebase-auth/facebook-login.md index 03d90260..68ccb333 100644 --- a/docs/ff-integrations/authentication/firebase-auth/facebook-login.md +++ b/docs/ff-integrations/authentication/firebase-auth/facebook-login.md @@ -2,7 +2,7 @@ slug: /integrations/authentication/firebase/facebook title: Facebook Login description: Learn how to add Facebook login in your FlutterFlow app. -tags: [FlutterFlow, Facebook Login, Authentication, Firebase] +tags: [Facebook Login, Authentication, Firebase] sidebar_position: 4 keywords: [FlutterFlow, Facebook Login, Authentication, Firebase] --- diff --git a/docs/ff-integrations/authentication/firebase-auth/github-login.md b/docs/ff-integrations/authentication/firebase-auth/github-login.md index 1dd670b2..e8030abc 100644 --- a/docs/ff-integrations/authentication/firebase-auth/github-login.md +++ b/docs/ff-integrations/authentication/firebase-auth/github-login.md @@ -2,7 +2,7 @@ slug: /integrations/authentication/firebase/github title: GitHub Login description: Learn how to add GitHub authentication in your FlutterFlow app. -tags: [FlutterFlow, GitHub Login, Authentication, Firebase] +tags: [GitHub Login, Authentication, Firebase] sidebar_position: 7 keywords: [FlutterFlow, GitHub Login, Authentication, Firebase] --- diff --git a/docs/ff-integrations/authentication/firebase-auth/google-login.md b/docs/ff-integrations/authentication/firebase-auth/google-login.md index b9fee67b..6d3be55e 100644 --- a/docs/ff-integrations/authentication/firebase-auth/google-login.md +++ b/docs/ff-integrations/authentication/firebase-auth/google-login.md @@ -2,7 +2,7 @@ slug: /integrations/authentication/firebase/google-oauth-login title: Google OAuth Login description: Learn how to add Google OAuth login in your FlutterFlow app. -tags: [FlutterFlow, Google OAuth, Authentication, Firebase] +tags: [Google OAuth, Authentication, Firebase] sidebar_position: 1 keywords: [FlutterFlow, Google OAuth, Authentication, Firebase] --- diff --git a/docs/ff-integrations/authentication/firebase-auth/jwt-token-login.md b/docs/ff-integrations/authentication/firebase-auth/jwt-token-login.md index 1496214b..17483ad0 100644 --- a/docs/ff-integrations/authentication/firebase-auth/jwt-token-login.md +++ b/docs/ff-integrations/authentication/firebase-auth/jwt-token-login.md @@ -2,7 +2,7 @@ slug: /integrations/authentication/firebase/jwt-auth title: JWT Token description: Learn how to implement JWT authentication in your FlutterFlow app. -tags: [FlutterFlow, JWT, Authentication, Firebase] +tags: [JWT, Authentication, Firebase] sidebar_position: 6 keywords: [FlutterFlow, JWT, Authentication, Firebase] --- diff --git a/docs/ff-integrations/authentication/firebase-auth/password-reset-action.md b/docs/ff-integrations/authentication/firebase-auth/password-reset-action.md index 3d997673..e4b6bd03 100644 --- a/docs/ff-integrations/authentication/firebase-auth/password-reset-action.md +++ b/docs/ff-integrations/authentication/firebase-auth/password-reset-action.md @@ -2,7 +2,7 @@ slug: /integrations/authentication/firebase/password-reset title: Password Reset [Action] description: Learn how to add password reset action in your FlutterFlow app. -tags: [FlutterFlow, Password Reset, Authentication, Firebase] +tags: [Password Reset, Authentication, Firebase] sidebar_position: 8 keywords: [FlutterFlow, Password Reset, Authentication, Firebase] --- diff --git a/docs/ff-integrations/authentication/firebase-auth/phone-login.md b/docs/ff-integrations/authentication/firebase-auth/phone-login.md index 984d723f..78b3879d 100644 --- a/docs/ff-integrations/authentication/firebase-auth/phone-login.md +++ b/docs/ff-integrations/authentication/firebase-auth/phone-login.md @@ -2,7 +2,7 @@ slug: /integrations/authentication/firebase/phone title: Phone Login description: Learn how to add phone login in your FlutterFlow app. -tags: [FlutterFlow, Phone Login, Authentication, Firebase] +tags: [Phone Login, Authentication, Firebase] sidebar_position: 5 keywords: [FlutterFlow, Phone Login, Authentication, Firebase] --- diff --git a/docs/ff-integrations/authentication/generated-code.md b/docs/ff-integrations/authentication/generated-code.md index efabc27b..d6080f5e 100644 --- a/docs/ff-integrations/authentication/generated-code.md +++ b/docs/ff-integrations/authentication/generated-code.md @@ -2,7 +2,7 @@ slug: /integrations/authentication/generated-code title: Generated Code description: Learn about the generated code behind enabling authentication in FlutterFlow. -tags: [FlutterFlow, Authentication, Generated Code, Custom Authentication, Firebase, Supabase] +tags: [Authentication, Generated Code, Custom Authentication, Firebase, Supabase] keywords: [FlutterFlow, Authentication, Generated Code, Custom Authentication, Firebase, Supabase] sidebar_label: Generated Code --- diff --git a/docs/ff-integrations/authentication/logout-action.md b/docs/ff-integrations/authentication/logout-action.md index 92a44c79..db94a632 100644 --- a/docs/ff-integrations/authentication/logout-action.md +++ b/docs/ff-integrations/authentication/logout-action.md @@ -2,7 +2,7 @@ slug: /integration/authentication/logout title: Logout [Action] description: Learn how to add a logout action in your FlutterFlow app. -tags: [FlutterFlow, Logout, Authentication, Action] +tags: [Logout, Authentication, Action] sidebar_position: 7 keywords: [FlutterFlow, Logout, Authentication, Session Security] --- diff --git a/docs/ff-integrations/authentication/supabase-auth/auth-actions.md b/docs/ff-integrations/authentication/supabase-auth/auth-actions.md index c71ed956..790bae50 100644 --- a/docs/ff-integrations/authentication/supabase-auth/auth-actions.md +++ b/docs/ff-integrations/authentication/supabase-auth/auth-actions.md @@ -2,7 +2,7 @@ slug: /integrations/authentication/supabase/auth-actions title: Auth Actions description: Learn how to add Supabase Authentication actions in your FlutterFlow app. -tags: [FlutterFlow, Auth Actions, Authentication, Supabase] +tags: [Auth Actions, Authentication, Supabase] sidebar_position: 1 keywords: [FlutterFlow, Auth Actions, Authentication, Supabase] --- diff --git a/docs/ff-integrations/authentication/supabase-auth/email-supabase.md b/docs/ff-integrations/authentication/supabase-auth/email-supabase.md index e4e0fb83..ef863ab6 100644 --- a/docs/ff-integrations/authentication/supabase-auth/email-supabase.md +++ b/docs/ff-integrations/authentication/supabase-auth/email-supabase.md @@ -2,7 +2,7 @@ slug: /integrations/authentication/supabase/email-authentication title: Email Authentication description: Learn how to integrate Email Login of Supabase Auth into your FlutterFlow app. -tags: [FlutterFlow, Email Authentication, Authentication, Supabase] +tags: [Email Authentication, Authentication, Supabase] sidebar_position: 2 keywords: [FlutterFlow, Email Authentication, Authentication, Supabase] --- diff --git a/docs/ff-integrations/authentication/supabase-auth/initial-setup.md b/docs/ff-integrations/authentication/supabase-auth/initial-setup.md index fbe26043..d1e63984 100644 --- a/docs/ff-integrations/authentication/supabase-auth/initial-setup.md +++ b/docs/ff-integrations/authentication/supabase-auth/initial-setup.md @@ -2,7 +2,7 @@ slug: /integrations/authentication/supabase/initial-setup title: Initial Setup description: Learn how to perform the initial setup for Supabase Authentication in your FlutterFlow app. -tags: [FlutterFlow, Initial Setup, Authentication, Supabase] +tags: [Initial Setup, Authentication, Supabase] sidebar_position: 0 keywords: [FlutterFlow, Initial Setup, Authentication, Supabase] --- diff --git a/docs/ff-integrations/database/cloud-firestore/creating-collections.md b/docs/ff-integrations/database/cloud-firestore/creating-collections.md index 0055c230..fa226844 100644 --- a/docs/ff-integrations/database/cloud-firestore/creating-collections.md +++ b/docs/ff-integrations/database/cloud-firestore/creating-collections.md @@ -2,7 +2,7 @@ slug: /integrations/database/cloud-firestore/creating-collections title: Creating Collections description: Learn how to create collections in Firestore for your FlutterFlow app, including organizing documents within collections. -tags: [FlutterFlow, Firestore, Database, Collections, Cloud Firestore] +tags: [Firestore, Database, Collections, Cloud Firestore] sidebar_position: 3 keywords: [FlutterFlow, Firestore, Database, Collections, Cloud Firestore] --- diff --git a/docs/ff-integrations/database/cloud-firestore/creating-subcollections.md b/docs/ff-integrations/database/cloud-firestore/creating-subcollections.md index 3928f08e..e52f6519 100644 --- a/docs/ff-integrations/database/cloud-firestore/creating-subcollections.md +++ b/docs/ff-integrations/database/cloud-firestore/creating-subcollections.md @@ -2,7 +2,7 @@ slug: /integrations/database/cloud-firestore/creating-subcollections title: Creating Subcollections description: Learn how to create subcollections in Firestore for your FlutterFlow app, including organizing documents within subcollections. -tags: [FlutterFlow, Firestore, Database, Subcollections, Cloud Firestore] +tags: [Firestore, Database, Subcollections, Cloud Firestore] sidebar_position: 4 keywords: [FlutterFlow, Firestore, Database, Subcollections, Cloud Firestore] --- diff --git a/docs/ff-integrations/database/cloud-firestore/firebase-content-manager.md b/docs/ff-integrations/database/cloud-firestore/firebase-content-manager.md index 10c5f5b7..16dd3112 100644 --- a/docs/ff-integrations/database/cloud-firestore/firebase-content-manager.md +++ b/docs/ff-integrations/database/cloud-firestore/firebase-content-manager.md @@ -2,7 +2,7 @@ slug: /integrations/database/cloud-firestore/firestore-content-manager title: Firestore Content Manager description: Learn how to use the Firestore Content Manager in your FlutterFlow app to manage Firestore data efficiently. -tags: [FlutterFlow, Firestore, Database, Content Manager, Cloud Firestore] +tags: [Firestore, Database, Content Manager, Cloud Firestore] sidebar_position: 5 keywords: [FlutterFlow, Firestore, Database, Content Manager, Cloud Firestore] --- diff --git a/docs/ff-integrations/database/cloud-firestore/firestore-actions.md b/docs/ff-integrations/database/cloud-firestore/firestore-actions.md index d95ab731..94f09e04 100644 --- a/docs/ff-integrations/database/cloud-firestore/firestore-actions.md +++ b/docs/ff-integrations/database/cloud-firestore/firestore-actions.md @@ -2,7 +2,7 @@ slug: /integrations/database/cloud-firestore/firestore-actions title: Firestore Actions description: Learn about Firestore actions in your FlutterFlow app, including how to perform various database operations. -tags: [FlutterFlow, Firestore, Database, Actions, Cloud Firestore] +tags: [Firestore, Database, Actions, Cloud Firestore] sidebar_position: 6 keywords: [FlutterFlow, Firestore, Database, Actions, Cloud Firestore] toc_max_heading_level: 5 diff --git a/docs/ff-integrations/database/cloud-firestore/firestore-rules.md b/docs/ff-integrations/database/cloud-firestore/firestore-rules.md index c4562816..a0bf1f87 100644 --- a/docs/ff-integrations/database/cloud-firestore/firestore-rules.md +++ b/docs/ff-integrations/database/cloud-firestore/firestore-rules.md @@ -2,7 +2,7 @@ slug: /integrations/database/cloud-firestore/firestore-rules title: Deploy Firestore Rules description: Learn how to deploy Firestore rules in your FlutterFlow app to manage data access and security. -tags: [FlutterFlow, Firestore, Database, Rules, Cloud Firestore] +tags: [Firestore, Database, Rules, Cloud Firestore] sidebar_position: 2 keywords: [FlutterFlow, Firestore, Database, Rules, Cloud Firestore] --- diff --git a/docs/ff-integrations/database/cloud-firestore/getting-started.md b/docs/ff-integrations/database/cloud-firestore/getting-started.md index db2f983a..9f4da944 100644 --- a/docs/ff-integrations/database/cloud-firestore/getting-started.md +++ b/docs/ff-integrations/database/cloud-firestore/getting-started.md @@ -2,7 +2,7 @@ slug: /integrations/database/cloud-firestore/getting-started title: Getting Started description: Learn how to get started with Cloud Firestore in your FlutterFlow app to manage your app's data. -tags: [FlutterFlow, Cloud Firestore, Database, Getting Started] +tags: [Cloud Firestore, Database, Getting Started] sidebar_position: 1 keywords: [FlutterFlow, Cloud Firestore, Database, Getting Started] --- diff --git a/docs/ff-integrations/database/local-sql/quickstart.md b/docs/ff-integrations/database/local-sql/quickstart.md index 6f1e5405..237d94d9 100644 --- a/docs/ff-integrations/database/local-sql/quickstart.md +++ b/docs/ff-integrations/database/local-sql/quickstart.md @@ -2,7 +2,7 @@ slug: /integrations/database/sqlite title: SQLIte Quickstart description: Learn how to quickly get started with SQLite in your FlutterFlow app for local data storage. -tags: [FlutterFlow, SQLite, Database, Quickstart, Local Storage] +tags: [SQLite, Database, Quickstart, Local Storage] sidebar_position: 1 keywords: [FlutterFlow, SQLite, Database, Quickstart, Local Storage] --- diff --git a/docs/ff-integrations/database/refresh-db-request.md b/docs/ff-integrations/database/refresh-db-request.md index 81582150..67265810 100644 --- a/docs/ff-integrations/database/refresh-db-request.md +++ b/docs/ff-integrations/database/refresh-db-request.md @@ -2,7 +2,7 @@ slug: /integrations/database/refresh-db-request title: Refresh DB Request Action description: Learn how to use the Refresh DB Request action in your FlutterFlow app to refresh your database content. -tags: [FlutterFlow, Database, Refresh, Action] +tags: [Database, Refresh, Action] sidebar_position: 4 keywords: [FlutterFlow, Database, Refresh, Action] --- diff --git a/docs/ff-integrations/database/supabase/database-actions.md b/docs/ff-integrations/database/supabase/database-actions.md index f962a716..3b4975bd 100644 --- a/docs/ff-integrations/database/supabase/database-actions.md +++ b/docs/ff-integrations/database/supabase/database-actions.md @@ -2,7 +2,7 @@ slug: /integrations/database/supabase/database-actions title: Database Actions description: Learn about Supabase Database actions in your FlutterFlow app, including how to perform various database operations. -tags: [FlutterFlow, Supabase, Database, Actions] +tags: [Supabase, Database, Actions] sidebar_position: 1 keywords: [FlutterFlow, Supabase, Database, Actions] toc_max_heading_level: 5 diff --git a/docs/ff-integrations/firebase/connect-to-firebase-setup.md b/docs/ff-integrations/firebase/connect-to-firebase-setup.md index 2999e61c..bacfdfc7 100644 --- a/docs/ff-integrations/firebase/connect-to-firebase-setup.md +++ b/docs/ff-integrations/firebase/connect-to-firebase-setup.md @@ -2,7 +2,7 @@ slug: /integrations/firebase/connect-to-firebase title: Connect to Firebase description: Learn how to integrate Firebase with your FlutterFlow app to add user authentication, cloud storage, real-time databases, and more. -tags: [FlutterFlow, Firebase, Integration, User Authentication, Cloud Storage, Real-Time Database] +tags: [Firebase, Integration, Cloud Storage, Real-Time Database] sidebar_position: 0 keywords: [FlutterFlow, Firebase, Integration, User Authentication, Cloud Storage, Real-Time Database] --- diff --git a/docs/ff-integrations/gemini/gemini.md b/docs/ff-integrations/gemini/gemini.md index 7b1ea0f3..f247478a 100644 --- a/docs/ff-integrations/gemini/gemini.md +++ b/docs/ff-integrations/gemini/gemini.md @@ -2,7 +2,7 @@ slug: /integrations/gemini title: Gemini description: Learn how to get started with the Gemini action in your FlutterFlow app to generate text, process text-and-image inputs, and count tokens. -tags: [FlutterFlow, Gemini, Text Generation, Token Counting, Integration] +tags: [Gemini, Text Generation, Token Counting, Integration] sidebar_position: 1 keywords: [FlutterFlow, Gemini, Text Generation, Token Counting, Integration] --- diff --git a/docs/ff-integrations/google-cloud/secure-keys.md b/docs/ff-integrations/google-cloud/secure-keys.md index 6c9dea9d..e4ff440f 100644 --- a/docs/ff-integrations/google-cloud/secure-keys.md +++ b/docs/ff-integrations/google-cloud/secure-keys.md @@ -2,7 +2,7 @@ slug: /best-practices/secure-api-keys title: Secure API Keys description: Learn best practices for securing API keys in your FlutterFlow app, including key restrictions, geographical restrictions, IP address binding, and service-specific limitations. -tags: [FlutterFlow, API Keys, Security, Best Practices, Google Cloud] +tags: [API Keys, Security, Best Practices, Google Cloud] sidebar_position: 1 keywords: [FlutterFlow, API Keys, Security, Best Practices, Google Cloud] --- diff --git a/docs/ff-integrations/maps/google-maps/generate-maps-keys.md b/docs/ff-integrations/maps/google-maps/generate-maps-keys.md index d94a4470..aa52b941 100644 --- a/docs/ff-integrations/maps/google-maps/generate-maps-keys.md +++ b/docs/ff-integrations/maps/google-maps/generate-maps-keys.md @@ -2,7 +2,7 @@ slug: /integrations/google-maps/generate-maps-keys title: Generate Maps Keys description: Learn how to generate and use Maps keys for Google Maps integration in your FlutterFlow app. -tags: [FlutterFlow, Google Maps, API Keys, Integration] +tags: [Google Maps, API Keys, Integration] sidebar_position: 1 keywords: [FlutterFlow, Google Maps, API Keys, Integration] --- diff --git a/docs/ff-integrations/maps/google-maps/google-maps-widget.md b/docs/ff-integrations/maps/google-maps/google-maps-widget.md index 2bfd6ec0..f4f92225 100644 --- a/docs/ff-integrations/maps/google-maps/google-maps-widget.md +++ b/docs/ff-integrations/maps/google-maps/google-maps-widget.md @@ -2,7 +2,7 @@ slug: /integrations/google-maps/google-maps-widget title: Google Maps Widget description: Learn how to add and configure the Google Maps widget in your FlutterFlow app. -tags: [FlutterFlow, Google Maps, Widget, Integration] +tags: [Google Maps, Widget, Integration] sidebar_position: 2 keywords: [FlutterFlow, Google Maps, Widget, Integration] --- diff --git a/docs/ff-integrations/maps/google-maps/move-map-center-action.md b/docs/ff-integrations/maps/google-maps/move-map-center-action.md index 1ce4c926..84c70384 100644 --- a/docs/ff-integrations/maps/google-maps/move-map-center-action.md +++ b/docs/ff-integrations/maps/google-maps/move-map-center-action.md @@ -2,7 +2,7 @@ slug: /integrations/google-maps/move-map-center-action title: Move Map Center Action description: Learn how to use the Move Map Center action in your FlutterFlow app to adjust the center of the Google Map. -tags: [FlutterFlow, Google Maps, Action, Integration] +tags: [Google Maps, Action, Integration] sidebar_position: 3 keywords: [FlutterFlow, Google Maps, Action, Integration] --- diff --git a/docs/ff-integrations/maps/google-maps/place-picker-widget.md b/docs/ff-integrations/maps/google-maps/place-picker-widget.md index e3cee500..75834b98 100644 --- a/docs/ff-integrations/maps/google-maps/place-picker-widget.md +++ b/docs/ff-integrations/maps/google-maps/place-picker-widget.md @@ -2,7 +2,7 @@ slug: /integrations/google-maps/place-picker-widget title: Place Picker Widget description: Learn how to add and configure the Place Picker widget in your FlutterFlow app. -tags: [FlutterFlow, Google Maps, Place Picker, Widget, Integration] +tags: [Google Maps, Place Picker, Widget, Integration] sidebar_position: 3 keywords: [FlutterFlow, Google Maps, Place Picker, Widget, Integration] --- diff --git a/docs/ff-integrations/notifications/one-signal/one-signal.md b/docs/ff-integrations/notifications/one-signal/one-signal.md index 7b10df6c..b573eb36 100644 --- a/docs/ff-integrations/notifications/one-signal/one-signal.md +++ b/docs/ff-integrations/notifications/one-signal/one-signal.md @@ -2,7 +2,7 @@ slug: /integrations/notifications/one-signal title: OneSignal Notifications description: Learn how to get started with OneSignal in your FlutterFlow app for push notifications. -tags: [FlutterFlow, OneSignal, Notifications, Integration] +tags: [OneSignal, Notifications, Integration] sidebar_position: 1 keywords: [FlutterFlow, OneSignal, Notifications, Integration] --- diff --git a/docs/ff-integrations/notifications/push-notifications/getting-started.md b/docs/ff-integrations/notifications/push-notifications/getting-started.md index 8d4bf09e..58f0875e 100644 --- a/docs/ff-integrations/notifications/push-notifications/getting-started.md +++ b/docs/ff-integrations/notifications/push-notifications/getting-started.md @@ -2,7 +2,7 @@ slug: /integrations/push-notifications title: Push Notifications description: Learn how to enable and use push notifications in your FlutterFlow app, including instant and scheduled notifications. -tags: [FlutterFlow, Push Notifications, Firebase Cloud Messaging, Integration] +tags: [Push Notifications, Firebase Cloud Messaging, Integration] sidebar_position: 1 keywords: [FlutterFlow, Push Notifications, Firebase Cloud Messaging, Integration] --- diff --git a/docs/ff-integrations/payments/razorpay.md b/docs/ff-integrations/payments/razorpay.md index 2f3ab8a5..2cfc941e 100644 --- a/docs/ff-integrations/payments/razorpay.md +++ b/docs/ff-integrations/payments/razorpay.md @@ -2,7 +2,7 @@ slug: /integrations/payments/razorpay title: Razorpay description: Learn how to integrate Razorpay in your FlutterFlow app. -tags: [FlutterFlow, Razorpay, Payments, Integration] +tags: [Razorpay, Payments, Integration] sidebar_position: 1 keywords: [FlutterFlow, Razorpay, Payments, Integration] --- diff --git a/docs/ff-integrations/payments/revenuecat.md b/docs/ff-integrations/payments/revenuecat.md index 09f0d3c0..60072459 100644 --- a/docs/ff-integrations/payments/revenuecat.md +++ b/docs/ff-integrations/payments/revenuecat.md @@ -2,7 +2,7 @@ slug: /integrations/payments/revenuecat title: RevenueCat description: Learn how to integrate RevenueCat payments in your FlutterFlow app. -tags: [FlutterFlow, RevenueCat, Payments, Integration] +tags: [RevenueCat, Payments, Integration] sidebar_position: 1 keywords: [FlutterFlow, RevenueCat, Payments, Integration] --- diff --git a/docs/ff-integrations/payments/stripe.md b/docs/ff-integrations/payments/stripe.md index 09feda37..5441c6f1 100644 --- a/docs/ff-integrations/payments/stripe.md +++ b/docs/ff-integrations/payments/stripe.md @@ -2,7 +2,7 @@ slug: /integrations/payments/stripe title: Stripe description: Learn how to integrate Stripe in your FlutterFlow app. -tags: [FlutterFlow, Stripe, Payments, Integration] +tags: [Stripe, Payments, Integration] sidebar_position: 1 keywords: [FlutterFlow, Stripe, Payments, Integration] --- diff --git a/docs/ff-integrations/search/algolia-search.md b/docs/ff-integrations/search/algolia-search.md index c133899e..c4cf73a5 100644 --- a/docs/ff-integrations/search/algolia-search.md +++ b/docs/ff-integrations/search/algolia-search.md @@ -2,7 +2,7 @@ slug: /integrations/search/algolia-search title: Algolia Search description: Learn how to implement algolia search functionality in your FlutterFlow app. -tags: [FlutterFlow, Algolia Search, Firestore Search] +tags: [Algolia, Firestore Search] sidebar_position: 1 keywords: [FlutterFlow, Algolia Search, Firestore Search] --- diff --git a/docs/ff-integrations/search/simple-search.md b/docs/ff-integrations/search/simple-search.md index c89fe1bc..119205e3 100644 --- a/docs/ff-integrations/search/simple-search.md +++ b/docs/ff-integrations/search/simple-search.md @@ -2,7 +2,7 @@ slug: /integrations/search/simple-search title: Simple Search description: Learn how to implement simple search functionality in your FlutterFlow app to search local data on a device. -tags: [FlutterFlow, Simple Search, Local Search, Firestore] +tags: [Simple Search, Local Search, Firestore] sidebar_position: 0 keywords: [FlutterFlow, Simple Search, Local Search, Firestore] --- diff --git a/docs/ff-integrations/storage/firebase-storage/storage-rules.md b/docs/ff-integrations/storage/firebase-storage/storage-rules.md index cee0305f..f166c129 100644 --- a/docs/ff-integrations/storage/firebase-storage/storage-rules.md +++ b/docs/ff-integrations/storage/firebase-storage/storage-rules.md @@ -2,7 +2,7 @@ slug: /integrations/firebase-storage/storage-rules title: Deploy Storage Rules description: Learn how to deploy storage rules in your FlutterFlow app to manage and secure your Firebase storage. -tags: [FlutterFlow, Firebase Storage, Storage Rules, Integration, Security] +tags: [Firebase Storage, Storage Rules, Integration, Security] sidebar_position: 1 keywords: [FlutterFlow, Firebase Storage, Storage Rules, Integration, Security] --- diff --git a/docs/ff-integrations/streaming/mux/initial-setup.md b/docs/ff-integrations/streaming/mux/initial-setup.md index affc9888..834dcd40 100644 --- a/docs/ff-integrations/streaming/mux/initial-setup.md +++ b/docs/ff-integrations/streaming/mux/initial-setup.md @@ -2,7 +2,7 @@ slug: /integrations/mux/initial-setup title: Initial Setup description: Learn how to set up Mux LiveStream in your FlutterFlow app for live video streaming. -tags: [FlutterFlow, Mux, LiveStream, Integration, Setup] +tags: [Mux, LiveStream, Integration, Setup] sidebar_position: 1 keywords: [FlutterFlow, Mux, LiveStream, Integration, Setup] --- diff --git a/docs/ff-integrations/streaming/mux/integrate-mux.md b/docs/ff-integrations/streaming/mux/integrate-mux.md index 6dcfe13e..f43841bb 100644 --- a/docs/ff-integrations/streaming/mux/integrate-mux.md +++ b/docs/ff-integrations/streaming/mux/integrate-mux.md @@ -2,15 +2,15 @@ slug: /integrations/mux/getting-started title: Integrate Mux Livestream description: Learn how to get started with MuxBroadcast in your FlutterFlow app for live video broadcasting. -tags: [FlutterFlow, MuxBroadcast, Integration, Setup] +tags: [MuxBroadcast, Integration, Setup] sidebar_position: 2 keywords: [FlutterFlow, MuxBroadcast, Integration, Setup] --- # MuxBroadcast -Adding a live streaming or broadcast feature allows users to watch the event in real-time. -Instead of building the live streaming from scratch, you can use the built-in widget called +Adding a live-streaming or broadcast feature allows users to watch the event in real-time. +Instead of building the live-streaming from scratch, you can use the built-in widget called **MuxBroadcast**, which is provided by FlutterFlow. The **MuxBroadcast** widget allows you to build a broadcast feature in minutes, and you can focus more on your app's core features. diff --git a/docs/index.md b/docs/index.md index bcabc703..a73e246e 100644 --- a/docs/index.md +++ b/docs/index.md @@ -29,7 +29,7 @@ FlutterFlow is a visual development environment that lets you build mobile, web, - + diff --git a/docs/marketplace/adding-purchasing-item.md b/docs/marketplace/adding-purchasing-item.md new file mode 100644 index 00000000..f49e0fd8 --- /dev/null +++ b/docs/marketplace/adding-purchasing-item.md @@ -0,0 +1,59 @@ +--- +slug: adding-purchasing-item +title: Adding & Purchasing Items +description: Learn how to add and purchase FlutterFlow marketplace items. +tags: [MarketPlace, Add Item, Purchase Item] +sidebar_position: 1 +keywords: [FlutterFlow, MarketPlace, Add Item, Purchase Item] +--- +import Tabs from '@theme/Tabs'; +import TabItem from '@theme/TabItem'; + +# Adding & Purchasing Items + +## Adding a Marketplace Item + +Add new functionality to your app in seconds! The FlutterFlow Marketplace features user-built components and templates that you can add directly to your FlutterFlow project. These items allow you to add functionality that is not currently available or easy to build in FlutterFlow. + +### 1. Open FlutterFlow Marketplace + +To add a Marketplace Item to your project, head to your FlutterFlow dashboard and select **Marketplace** or head over to [marketplace.flutterflow.io](https://marketplace.flutterflow.io/). In Marketplace, click on any item to learn more about it. + +![img.png](imgs%2Fimg.png) + +:::tip +You can directly search for an item or filter by item type at the top (e.g., Template Apps). +::: + +:::warning[Important] +You must view item details to see supported platforms (iOS, Android, Web). +::: + + +### 2. Add an item to your FlutterFlow project +To add a Marketplace item to your project, go to the item details page. + + + + +![free-items](imgs/free-items.webp) +1. Click **+ Add Now** +2. Navigate to the **Owned Items** tab in your [dashboard](https://marketplace.flutterflow.io/dashboard) +3. Click **+ Add to Project** next to the item +4. Select the project you'd like to add the item to, and FlutterFlow will automatically import the item + +:::tip +You will need to add the item to each individual project that you want to use the item in. +::: + + +![paid-items](imgs/paid-items.webp) + +1. Click **+ Buy Now** +2. You will be redirected to Stripe for check out. Fill in payment details and click **Pay**. +3. Upon successful payment, navigate to the **Owned Items** tab in your [dashboard](https://marketplace.flutterflow.io/dashboard) +4. You can now start a new project using the template + +**Note:** Template App purchases are single-use only and non-refundable. See [Marketplace Terms of Service](https://flutterflow.io/tos-marketplace) and our [Refund Policy](refund-policy.md) for details. + + diff --git a/docs/marketplace/creators-hub/_category_.json b/docs/marketplace/creators-hub/_category_.json new file mode 100644 index 00000000..2ff4742c --- /dev/null +++ b/docs/marketplace/creators-hub/_category_.json @@ -0,0 +1,4 @@ +{ + "label": "Creators Hub", + "position": 5 + } \ No newline at end of file diff --git a/docs/marketplace/creators-hub/copyright-dmca-process.md b/docs/marketplace/creators-hub/copyright-dmca-process.md new file mode 100644 index 00000000..ac423620 --- /dev/null +++ b/docs/marketplace/creators-hub/copyright-dmca-process.md @@ -0,0 +1,34 @@ +--- +slug: copyright-dmca-process +title: Copyright (DMCA) Process +description: Understand the copyright (DMCA) process on FlutterFlow Marketplace. +tags: [MarketPlace, Creators Hub] +sidebar_position: 3 +keywords: [FlutterFlow, MarketPlace, Creators Hub, Creators, Legal Guidelines, Copyright (DMCA) Process] +--- + +# Copyright (DMCA) Process + +:::danger +This guide is meant for creators of items on FlutterFlow Marketplace. If you want to provide feedback on an item published in FlutterFlow Marketplace, please follow the relevant instructions at [**Submitting Feedback for Items**](../submit-feedback.md). +::: + +As a valued creator on the FlutterFlow Marketplace, it's important to understand the process that unfolds when an item you've submitted receives an infringement report. Our approach distinguishes between two main types of allegations: DMCA infringement claims and other types of infringement allegations. + +### DMCA Infringement Claims + +The [DMCA (Digital Millennium Copyright Act)](https://en.wikipedia.org/wiki/Digital_Millennium_Copyright_Act) is a US copyright law that provides a mechanism for copyright owners to request the removal of content they believe infringes on their copyright. Here's how we handle these specific claims: + +1. **Immediate Action**: If an infringement report is classified as a DMCA claim and the reporter provides adequate proof of ownership or authorized representation, we are legally required to act quickly. In such cases, the reported item is immediately removed from FlutterFlow Marketplace. +2. **Notification Email**: Upon removal, you will receive an email notification outlining the details of the claim and the steps you can take if you believe the item was wrongly removed. +3. **(Optional) Counter-Notice**: If you choose to submit a counter-notice, we will provide guidance on the process. Please email [marketplace-legal@flutterflow.io](mailto:marketplace-legal@flutterflow.io) with any relevant details. + +### Other Infringement Allegations + +For other infringement reports, specifically those filed by individuals who are neither the copyright owner nor their authorized representatives, we follow a different process: + +1. **Credibility Review:** Our team will first assess the credibility of the report. We will engage with the reporter to gather additional information if the initial claim lacks sufficient detail. If we determine the claim appears credible, we will then proceed to notify you the creator. + 1. *Evidence of Prior Publication:* In cases where an infringement allegation is supported by a URL linking to similar content that was clearly published prior to the date of submission on FlutterFlow Marketplace, this URL will be considered sufficient preliminary evidence to establish the credibility of the claim. +2. **48 Hours Notice:** When we receive a non-DMCA allegation that is deemed credible after our initial review, we will notify you and provide a 48-hour period for you to respond to the claim. This window allows you to present any counter-evidence or resolve the issue by modifying or removing the item yourself. +3. **Review of Evidence**: If you provide evidence or make changes that address the report's concerns, we will review this new information before making a final decision on the item's status in Marketplace. +4. **Resolution**: If, after reviewing the evidence, the claim is found to be credible, or if no response is received within the 48-hour window, we will proceed with removing the item from Marketplace and inform you of the action taken. \ No newline at end of file diff --git a/docs/marketplace/creators-hub/creator-faqs.md b/docs/marketplace/creators-hub/creator-faqs.md new file mode 100644 index 00000000..d498e93a --- /dev/null +++ b/docs/marketplace/creators-hub/creator-faqs.md @@ -0,0 +1,99 @@ +--- +slug: creator-faqs +title: Creator FAQs +description: Learn about creator's FAQs in FlutterFlow Marketplace. +tags: [MarketPlace, Creators Hub] +sidebar_position: 5 +keywords: [FlutterFlow, MarketPlace, Creators Hub, Creators, Creators FAQs] +--- +# Creator FAQs + +## ⚖️ Intellectual Property and Legal Concerns + +### Why might my item be removed from Marketplace? + +Your item might be removed from the Marketplace under several circumstances, mainly related to legal and quality standards. Here are the specific reasons: + +- **DMCA Takedown Notices:** If we receive a DMCA takedown notice claiming that your item infringes on someone else's copyright, we are legally required to remove the item immediately. We will notify you of the takedown, and you will have the opportunity to respond or counter-claim according to the legal processes set out by the DMCA. Please see [Copyright (DMCA) Process](copyright-dmca-process.md) for details. +- **Other IP Violations:** If your item is found to violate IP laws outside of a formal DMCA complaint—i.e. if filed by someone other than the original author or their representative—we will inform you of the specific violation. You will be given a chance to provide proof of licensing or to correct the issue within **48 hours**. If satisfactory proof or corrections are not provided, the item may be removed to comply with legal standards. Please see [Copyright (DMCA) Process](copyright-dmca-process.md) for details. +- **Violation of Marketplace Policies:** Aside from copyright issues, if your item violates other Marketplace policies, such as those related to quality, accuracy, or ethical standards, you will be notified of the specific issues. We will provide you with details about the violation and, depending on the severity, you may be asked to modify the item or it might be removed. Please see [Marketplace Item Submission Guidelines](https://flutterflow.io/flutterflow-marketplace-item-submission-guidelines) for more details. +- **Critical Item Reports:** If we receive reports from users or other creators that critically challenge the legality or appropriateness of your item (e.g., reports of plagiarism, false advertising, or severe quality issues), these will be thoroughly investigated. Based on the findings, and in accordance with our commitment to maintaining a trustworthy and high-quality Marketplace, your item might be subject to removal. We will communicate with you throughout this process, offering details of the report and an opportunity to respond. + +### Will I be notified if my item is removed from Marketplace? + +Yes, in all cases, you will be notified if your item is removed from FlutterFlow Marketplace. + +### Can I list my item on other marketplaces? + +No. You cannot sell FlutterFlow projects on other marketplaces. Please see the non-circumvention clause in our [Marketplace Terms of Service](https://flutterflow.io/tos-marketplace). + +This policy helps ensure that all interactions with FlutterFlow templates are safe, compliant, and effectively managed for our users. + +### What licenses are granted to users of my item? + +When users purchase or add items from the FlutterFlow Marketplace, they are granted use under specific licenses: + +- **Free items** are generally covered under the **MIT License (Open Source License)**, which allows extensive freedom to use, modify, and redistribute the content. +- **Paid items** are usually governed by **Single Use License.** + +Please refer to the specific restrictions and conditions outlined in our [Marketplace Terms of Service](https://flutterflow.io/tos-marketplace) for each license type. + +### What if someone copies my template code or design? + +Please reach out to [marketplace-legal@flutterflow.io](mailto:marketplace-legal@flutterflow.io) for next steps. + +## 🚨 Reporting Process + +### What happens if someone reports my item? + +:::info +We will always notify you if your item is removed from Marketplace. +::: + +If the reporter is the original author and files a DMCA notice, the item will be removed immediately as required by law. You will be notified and have the opportunity to submit counter-evidence. Please see [Copyright (DMCA) Process](copyright-dmca-process.md) for details. + +For other reports, we will notify you **48 hours** before taking any action. During this time, you may submit counter-evidence or clarify the situation. + +### If my item is reported, what details will you share with me? + +When your item is reported, our goal is to maintain transparency while respecting privacy and legal constraints. Here’s what we will share with you: + +- **Report Type:** We will inform you about the specific nature of the complaint, such as whether it’s a copyright or quality issue. +- **Relevant Details:** We will provide any non-confidential details submitted within the report that you need to understand the complaint and to formulate your response. +- **Deadlines:** We will inform you of any deadlines by which you need to respond or take corrective action to avoid having your item removed from Marketplace. + +Please note that we will not share the identity of the reporter. + +### If my item is reported, what details will you share with the original reporter? + +When a report is filed, we ensure that the process is fair and respects the privacy of all parties involved. Here’s what we will share with the original reporter: + +- **Confirmation of Report:** We will acknowledge receipt of their report and confirm that we are taking it seriously. +- **Contact Email:** We will provide your Marketplace Creator official email as specified in your [public profile](https://marketplace.flutterflow.io/profile). + +### What if I see low-quality items on the Marketplace? How can I report an item? + +We strive to maintain a high standard, but some items may not meet these expectations. If you encounter an item on the Marketplace that appears to violate our policies, please submit feedback using one of the channels described on [this page](../submit-feedback.md): + +## 📦 Item Submission and Review + +### What is the criteria for getting my item approved for Marketplace? + +Please see our [Item Submission Criteria](submission-criteria.md). + +### What happens if my item is rejected? + +If your item is not approved, it will be returned to draft status, allowing you to make the required edits. We will provide you with detailed feedback via email, specifying the criteria it did not meet. You can see more details about our criteria and suggested actions [here](submission-criteria.md). You can then make the necessary adjustments and resubmit it for review. + +### When will my template be reviewed? + +We have significantly improved our review wait time recently! ⚡ + +We aim to review your template within 7 days. However, depending on the volume of submissions or the complexity of your submission, the review process can take up to 30 days (20 business days). + +## 🖐️ Other Questions? + +If your question is not covered here, please **first review the other documentation pages** within the Marketplace section. If you are still facing issues, please reach out to the appropriate channel: + +- For legal issues, please email [marketplace-legal@flutterflow.io](mailto:marketplace-legal@flutterflow.io) +- For other issues, please email [marketplace@flutterflow.io](mailto:marketplace@flutterflow.io) \ No newline at end of file diff --git a/docs/marketplace/creators-hub/creators-hub.md b/docs/marketplace/creators-hub/creators-hub.md new file mode 100644 index 00000000..ae9094da --- /dev/null +++ b/docs/marketplace/creators-hub/creators-hub.md @@ -0,0 +1,27 @@ +--- +slug: /marketplace/creators-hub +title: Creators Hub +description: This section is designed to provide you with all the necessary information to contribute effectively and responsibly to Marketplace. +tags: [MarketPlace, Creators Hub] +sidebar_position: 0 +keywords: [FlutterFlow, MarketPlace, Creators Hub] +--- + +# Creators Hub +Welcome to the FlutterFlow Marketplace Creators' Hub! This section is designed to provide you with all the necessary information to contribute effectively and responsibly to Marketplace. Whether you are submitting your first item or looking to understand the legal nuances, you'll find detailed guidelines and helpful tips here. + +### **Submitting an Item for Review** +- Understand the [criteria](submission-criteria.md) we apply to items submitted to Marketplace. +- Learn how to prepare and [submit](submit-item-for-reivew.md) your items to the Marketplace with our step-by-step guide. + +### **Legal Guidelines for Creators** + +A user-friendly [guide](legal-guidelines-for-creators.md) outlining what content can and cannot be published on our Marketplace. + +We've also compiled information on dealing with [external licenses](navigating-external-licenses.md), including excerpts from popular third-party marketplaces that restrict the creation of templates on platforms like FlutterFlow Marketplace. + +Finally, we have a detailed guide on how we handle [DMCA takedown notices](copyright-dmca-process.md). This is crucial for understanding how to manage copyright issues and ensure compliance. + +### Creator FAQs + +[Find answers](creator-faqs.md) to common questions from fellow creators. \ No newline at end of file diff --git a/docs/marketplace/creators-hub/legal-guidelines-for-creators.md b/docs/marketplace/creators-hub/legal-guidelines-for-creators.md new file mode 100644 index 00000000..0e2979fe --- /dev/null +++ b/docs/marketplace/creators-hub/legal-guidelines-for-creators.md @@ -0,0 +1,77 @@ +--- +slug: legal-guidelines-for-creators +title: Legal Guidelines for Creators +description: Understand the legal guidlines for creating marketplace items. +tags: [MarketPlace, Creators Hub] +sidebar_position: 2 +keywords: [FlutterFlow, MarketPlace, Creators Hub, Creators, Legal Guidelines] +--- + +# Legal Guidelines for Creators + +As part of our creative community, your contributions are invaluable in helping others build amazing apps. To ensure a smooth experience for everyone and to adhere to legal requirements, we've outlined what types of content you can publish on Marketplace. This guide is designed to be user-friendly and straightforward, focusing on the legal aspects of your submissions. For a more detailed view of our policies, please review the [Marketplace Terms of Service](https://flutterflow.io/tos-marketplace). + +### What You Can Submit + +- **✅ Original Creations:** Your template should be your original work or properly licensed work that you have the right to distribute. Whether it’s a unique design layout, a functional module, or an innovative app solution, if you created it, we're excited to see it! +- **✅ API Wrappers**: If you've developed a wrapper for public APIs (like AWS or SendGrid), you're welcome to submit it! Ensure your wrapper adds value through simplification, integration, or enhancement of the original API functionalities. +- **✅ Educational Templates**: Educational or demonstrative templates that mimic functionalities of popular apps (like a "social photo app clone") are great for learning and are welcome, provided they do not use any trademarked names, logos, or proprietary UI elements from the actual apps. + +### What to Avoid in Your Submissions + +- **❌ Designs from External Marketplaces:** Please refrain from submitting designs or templates that you've acquired from other marketplaces. Typically, these items are licensed, not sold, and come with restrictions that prohibit their redistribution on our platform. For guidance on navigating external licenses and understanding your rights, please review [Navigating External Licenses](navigating-external-licenses.md). +- **❌ Proprietary Code or Data**: Do not include any proprietary code, data, or APIs that you do not have explicit rights to use and redistribute. This includes direct copies of proprietary software or use of internal SDKs not intended for public distribution. +- **❌ Trademarked Material Without Permission**: Avoid using trademarked names, logos, or branding elements in your templates unless you have obtained explicit permission from the trademark owner. This includes mimicking the UI of a proprietary app exactly. +- **❌ Misleading Content**: Ensure your template does not mislead users into thinking it's officially affiliated with or endorsed by any brand or service it might resemble, especially in educational or demonstrative templates. + +### Best Practices for Template Submission + +- **✍️ Clear Attribution**: If your template includes third-party open-source components, ensure you comply with their licenses by properly attributing the original creators and including any required license texts or notices. Also see [Open Source Licenses](legal-guidelines-for-creators.md#open-source-licenses). +- **💎 Use Generic Elements**: For educational or demonstrative templates, use generic names and design elements to avoid trademark issues while still providing valuable learning experiences. +- **⚖️ Include Disclaimers**: When necessary, include disclaimers clarifying the purpose of your template, especially if it's for educational use, to avoid any potential confusion about its unofficial status. +- **📣 Stay Informed**: Licenses and legal requirements can change, so it's crucial to stay informed about the legal aspects of the components and APIs you use in your templates. + +## Licenses: What's Allowed? + +### Open Source Licenses + +Embracing open-source is part of our ethos, but not all licenses are created equal, especially in a commercial setting like ours. Here's a quick rundown of what fits on Marketplace: + +- **✅ Permissive Licenses**: Licenses such as MIT, BSD, and Apache 2.0 are generally fine because they allow commercial use and modification with minimal restrictions. Just make sure to give proper credit and include the original license text as required. +- **🤔 Copyleft Licenses (Caution!)**: Licenses like GPL (General Public License) can be tricky. They often require derivative works to be distributed under the same license, affecting how your template can be used. If you're considering using GPL-licensed code, please review the specific terms carefully or consult with legal advice to ensure compliance. +- **❌ No Unlicensed Code**: Ensure all open-source code used in your templates is properly licensed. Using unlicensed code or failing to comply with open-source license requirements can lead to legal headaches for you and for us. + +### Licenses from Other Marketplaces + +We understand that inspiration can come from lots of different sources, including other marketplaces. However, it's important to respect legal and ethical standards, especially with the reuse of design elements and templates purchased elsewhere. Here’s what you should know: + +- **🤝 Ownership and Licensing**: When you purchase a design or template from other marketplaces, you're typically acquiring a license to use that item, not owning it outright. These licenses often come with significant restrictions, particularly around redistribution and creating derivative works meant for resale. It’s best to carefully review the license terms for each item and marketplace you use. See [Navigating External Licenses](navigating-external-licenses.md) for some examples. +- **⚠️ End Products and Redistribution**: Most marketplace licenses restrict the use of their items as part of an “end product” that is not meant for redistribution or resale. For example, using a downloaded Figma design to create a template that you then sell on FlutterFlow Marketplace may violate the original marketplace's license terms, even under extended licenses. When in doubt, ask the original content provider. Obtaining explicit permission or clarification can prevent future disputes and legal challenges. +- **Clarifications and Examples**: + - **❌ Likely Prohibited**: Using a UI design purchased from another marketplace to create a FlutterFlow template that you intend to distribute or sell. + - **✅ Allowed**: Creating a template inspired by design principles or trends you've observed, without directly copying or adapting a purchased item. + - **✅ Allowed**: Implementing a UI design with the explicit written permission from the author and owner of that design. + +For more details and examples, please review: + +[Navigating External Licenses](navigating-external-licenses.md) + +## Item Reports and Complaints + +At FlutterFlow, we're committed to maintaining a respectful and legally compliant community. We understand that there may be instances where content on FlutterFlow Marketplace may infringe on your rights or violate our policies. To address these concerns, we've established a straightforward process for filing complaints, including DMCA requests and other legal concerns. + +### Reporting an Item + +We encourage our community members to resolve disputes amicably whenever possible. For details on contacting creators, reporting items, rating items, and filing a DMCA notice, please visit the following page. + +[Submitting Feedback for Items](../submit-feedback.md) + +### Responding to Item Reports + +When you receive a report about an item you've listed on FlutterFlow Marketplace, it's important to respond promptly and thoughtfully. We've put together a breakdown of our process for responding to DMCA and other infringements here: + +[Copyright (DMCA) Process](copyright-dmca-process.md) + +Our goal is to foster a creative, respectful, and lawful environment for all users. By following these steps, you help us achieve this goal and ensure FlutterFlow remains a platform where innovation thrives within the bounds of respect and legality. + +For further assistance or questions, please contact [marketplace-legal@flutterflow.io](mailto:marketplace-legal@flutterflow.io). \ No newline at end of file diff --git a/docs/marketplace/creators-hub/navigating-external-licenses.md b/docs/marketplace/creators-hub/navigating-external-licenses.md new file mode 100644 index 00000000..a192066f --- /dev/null +++ b/docs/marketplace/creators-hub/navigating-external-licenses.md @@ -0,0 +1,118 @@ +--- +slug: navigating-external-licenses +title: Navigating External Licenses +description: Understand the key concepts that will assist you in creating unique and compliant content for FlutterFlow Marketplace. +tags: [MarketPlace, Creators Hub] +sidebar_position: 4 +keywords: [FlutterFlow, MarketPlace, Creators Hub, Creators, Legal Guidelines, Navigating External Licenses] +--- +import Tabs from '@theme/Tabs'; +import TabItem from '@theme/TabItem'; + +# Navigating External Licenses + +We know navigating the world of licenses and copyright rules can be a bit daunting, so we’ve put together this guide to help simplify things for you. Here, we’ll cover some of the most common licensing terms you’ll encounter and explain key concepts that will assist you in creating unique and compliant content for FlutterFlow Marketplace. + +Keep in mind that while we aim to highlight the most prominent licenses, it’s crucial to always check the most recent and applicable license terms for any assets you plan to use. If you’re ever unsure, please consult the relevant content provider or original author. + +### Key Terms + +**"Derivative Work"** + +The term **Derivative Work** refers to any new creation that incorporates a copyrighted asset in a form that is still closely related to the original. Most licenses, especially in digital marketplaces, prohibit using assets to create derivative works that are then sold as standalone products or used as base templates in a marketplace. This means you cannot take a design template, make minor adjustments, and resell it as your own template. The creation of derivative works generally requires significant transformation of the original asset, ensuring the final product is distinct enough to not merely be a slight variation of the original. + +**"End Product"** + +Some licenses may permit “unlimited end products”. However, it's important to understand that this typically refers to the ability to create multiple final projects using the original asset as long as each project remains within the terms set out by the original license. An **End Product** is a final, functional, and complete creation that is built from the initial resources but is substantially different from them. In the context of app development, an end product is typically the final app delivered to users, *not an app template* intended for further development or resale. + +### License Examples + +As seen from the licensing terms of platforms like UI8, Envato, Creative Market, and Canva, there are clear restrictions against using their items directly or in slightly modified forms as base materials for creating new FlutterFlow Marketplace items. This practice could violate copyright laws and the specific licensing agreements set by these platforms. + + + + + +**License Terms:** https://ui8.net/licensing + +**Relevant Products:** [All Access Pass](https://ui8.net/products/all-access-pass) (Basic, Elite, and Lifetime) + +**Excerpt** *(as of April 22, 2024)* + +> [You cannot] make a theme, template or derivative work of any product to sell on any marketplace. + +**hi** +**Legal Contact:** [legal@ui8.net](mailto:legal@ui8.net) + +--- +**Result:** ❌ Not allowed to use in creating FlutterFlow Marketplace template + + +**License Terms:** https://elements.envato.com/license-terms and https://codecanyon.net/licenses/terms/extended + +**Relevant Products:** [Envato Elements subscription](https://elements.envato.com/pricing) + +Also, individual items sold on: + +- CodeCanyon: https://codecanyon.net/ +- ThemeForest: https://themeforest.net/ +- VideoHive: https://videohive.net/ +- AudioJungle: https://audiojungle.net/ +- GraphicRiver: https://graphicriver.net/ +- PhotoDune: https://photodune.net/ +- 3DOcean: https://3docean.net/ + +**Excerpts** *(as of April 22, 2024)* + +> You can’t re-distribute the Item as stock, in a tool or template, or with source files. You can’t do this with an Item either on its own or bundled with other items, and even if you modify the Item. You can’t re-distribute or make available the Item as-is or with superficial modifications. +> + +> You can’t use the Item in any application allowing an end user to customise a digital or physical product to their specific needs, such as an “on demand”, “made to order” or “build it yourself” application. You can use the Item in this way only if you purchase a separate license for each final product incorporating the Item that is created using the application. +> + +**Legal Contact:** [legal@envato.com](mailto:legal@envato.com) + +--- + +**Result:** ❌ Not allowed to use in creating FlutterFlow Marketplace template + + +**License Terms:** https://creativemarket.com/licenses/terms/general#extended-commercial + +**Relevant Products:** [Membership](https://creativemarket.com/membership) with Extended Commercial License + +**Excerpt** *(as of April 22, 2024)* + +> Resale or Sub-Licensing of the Licensed Asset or any modification of it in a way that is directly competitive with the original Licensed Asset is strictly prohibited (e.g., as a stock asset or template). +> + +**Legal Contact:** [ip@creativemarket.com](mailto:ip@creativemarket.com) + +--- + +**Result:** ❌ Not allowed to use in creating FlutterFlow Marketplace template + + +**License Terms:** https://www.canva.com/policies/content-license-agreement/ + +**Relevant Products:** [Canva Pro](https://www.canva.com/pro/) (with Pro Content license) + +**Excerpt** *(as of April 22, 2024)* + +> Unless it’s a template created for use on Canva, you can’t use Pro content in templates of any nature. +> + +**Legal Contact:** [legal@canva.com](mailto:legal@canva.com) + +--- + +**Result:** ❌ Not allowed to use in creating FlutterFlow Marketplace template + + + + +### Securing Explicit Permissions + +In situations where standard licensing does not meet the specific needs of your project or where the terms seem restrictive, **obtaining explicit permission from the original content creators can be a viable solution.** This allows for flexibility and ensures that your use of the assets is legally sound. + +We encourage reaching out directly to copyright holders whenever you are considering uses that are not clearly allowed under the standard license terms. Documenting such permissions in writing is essential to avoid any future misunderstandings or legal disputes. \ No newline at end of file diff --git a/docs/marketplace/creators-hub/submission-criteria.md b/docs/marketplace/creators-hub/submission-criteria.md new file mode 100644 index 00000000..b053c667 --- /dev/null +++ b/docs/marketplace/creators-hub/submission-criteria.md @@ -0,0 +1,498 @@ +--- +slug: submission-criteria +title: Submission Criteria +description: Learn about marketplace item submission criteria. +tags: [MarketPlace, Creators Hub] +sidebar_position: 1 +keywords: [FlutterFlow, MarketPlace, Creators Hub, Item Submission Criteria] +--- +# Item Submission Criteria + +## Item Submission Standards + +Below, you'll find the criteria our Submission Review Team uses to review items submitted to FlutterFlow Marketplace. + + + +### 1. Originality and Ownership + +#### 1.1 Project Ownership + +- **Criteria:** You must own the rights to the project you submit. +- **Why it Matters:** Only the original creator has the right to share and potentially sell their work. This ensures fairness, prevents unauthorized distribution, and protects intellectual property. +- **What To Do:** + - **If you're the sole creator:** Great! Make sure you're submitting the project from your own FlutterFlow account. + - **If you're collaborating:** The project owner should be the one to submit it to the Marketplace. Discuss this with your collaborators beforehand. + - **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. + + + +#### 1.2 Significant Edits Made + +- **Criteria:** Projects must demonstrate a substantial amount of original work and editing. +- **Why It Matters:** The Marketplace thrives on innovation and creativity. Minor cosmetic tweaks to existing projects don't offer the same value as fundamentally unique creations or heavily modified versions showcasing your distinct design and development skills. +- **What To Do:** + - **Highlight your modifications:** Clearly demonstrate the unique components, functionalities, or design choices you've implemented. + - **Go beyond superficial changes:** If your modifications are primarily visual (e.g., color swaps, logo replacements), consider adding more substantive improvements. + + + +#### 1.3 Not Based on an Existing Marketplace Item + +- **Criteria:** Projects must not be direct derivatives of existing Marketplace items. +- **Why It Matters:** Originality is key! Duplicating existing offerings diminishes the diversity and value of the Marketplace. We want to empower users with a wide range of unique choices. +- **What To Do:** + - **Draw inspiration, don't duplicate:** While you can certainly learn from existing projects, aim to differentiate yours significantly. + - **Add your own flavor:** Infuse your unique style, features, or functionalities to make the project distinctively yours. + + + +#### 1.4 Not Based on a Sample App + +- **Criteria:** Submissions should not be minimally modified versions of FlutterFlow's provided sample apps. +- **Why It Matters:** Sample apps are fantastic learning tools, but Marketplace items should showcase a higher level of complexity and original thought. +- **What To Do:** + - **Use sample apps as a foundation:** Treat them as a starting point. Experiment, expand, and transform them into something new. + - **Demonstrate advanced skills:** Go beyond basic layouts and features; integrate custom code, complex animations, or add helpful API calls. + + +#### 1.5 Original Project Content + +- **Criteria:** All project content—text, images, designs—must be original or appropriately licensed for commercial use. Please see [Legal Guidelines for Creators](legal-guidelines-for-creators.md) and [Navigating External Licenses](navigating-external-licenses.md) for more info. +- **Why It Matters:** Using copyrighted material without permission can lead to legal issues and undermines the professional nature of the Marketplace. +- **What To Do:** + - **Create your own assets:** This is the best way to ensure originality. + - **Use royalty-free resources and properly licensed code:** Several websites offer high-quality, free-to-use assets. See also our guidance on [Open Source Licenses](legal-guidelines-for-creators.md#open-source-licenses). + - **Purchase commercial licenses:** If you choose to use paid assets, secure the appropriate license for commercial distribution. This can be really tricky, so please review [Licenses from Other Marketplaces](legal-guidelines-for-creators.md#open-source-licenses) and [Navigating External Licenses](navigating-external-licenses.md). + + + +### 2. Metadata + +Clear, engaging, and accurate metadata helps users discover and understand the value of your project. + +#### 2.1 Submission in English + +- **Criteria:** All item metadata (title, description, tags, etc.) must be in English. +- **Why it Matters:** To ensure a broad understanding among our global community, all Marketplace items must be in English. +- **What To Do:** Use clear, concise English throughout your submission. If English isn't your first language, consider using FlutterFlow's automatic [translation](../../ff-concepts/localization-accessibility/add-multiple-languages.md) feature. + + + +#### 2.2 Professional Title + +- **Criteria:** Your project title should be clear, concise, and free of grammatical errors. +- **Why it Matters:** A strong title grabs attention and communicates the essence of your project at a glance. +- **What To Do:** + - **Keep it brief and impactful:** Aim for a title that's easy to remember and accurately reflects the core purpose of your project. + - **Use relevant keywords:** This helps users find your project when searching on Marketplace. + - **Proofread carefully:** Typos and grammatical errors create a negative first impression. + + + +#### 2.3 Unique Title + +- **Criteria:** Your title should be distinct from other items in the Marketplace. +- **Why it Matters:** A unique title helps your project stand out and prevents confusion among users. +- **What To Do:** + - **Research existing titles:** Before settling on a title, do a quick search to make sure it isn't already in use. + - **Get creative with wording:** If you find similar titles, brainstorm alternative phrases or keywords that accurately describe your project's unique selling points. + + + +#### 2.4 Professional Description + +- **Criteria:** Your project description should be well-written, engaging, and free of grammatical errors. +- **Why it Matters:** The description provides users with a deeper understanding of your project's features, benefits, and intended use cases. +- **What To Do:** + - **Start with a strong opening:** Capture attention from the start and clearly state what your project does. + - **Highlight key features:** Use bullet points or formatting to make it easy to scan for important information. + - **Focus on benefits:** Explain *why* someone would want to use your item – what problems does it solve or what opportunities does it unlock? + - **Proofread meticulously:** Errors in grammar and spelling can make your project seem unprofessional. + +:::warning +While tools like ChatGPT can assist in drafting content, they often generate generic text that might not fully capture the unique aspects of your project or could sound overly promotional and insincere. Always personalize and proofread AI-generated content to ensure it aligns with your item's features and capabilities. +::: + + +#### 2.5 Accurate Description + +- **Criteria:** The description should accurately reflect the project's functionality and avoid exaggerating its capabilities. +- **Why it Matters:** Misleading descriptions lead to negative user experiences. Transparency builds trust within the Marketplace. +- **What To Do:** + - **Be truthful and transparent:** Clearly state what your project can and cannot do. + - **Avoid hype and jargon:** Focus on clear, concise language that everyone can understand. Do not overpromise. + + + +#### 2.6 Third-Party Service Information + +- **Criteria:** If your project relies on any external services or APIs, you must disclose this information in the description. +- **Why it Matters:** Transparency about potential additional costs or dependencies ensures users have all the information needed to make an informed decision before purchasing or cloning an item. +- **What To Do:** + - **List all external services:** Include the name of the service, its purpose within your project, and whether it requires a paid subscription or API key. + - **Provide links (if applicable):** Direct users to relevant documentation or pricing pages for the third-party service. + + + +#### 2.7 Professional Instructions + +- **Criteria:** Instructions and documentation should be clear, easy to follow, and written in a professional tone. +- **Why it Matters:** Well-written instructions ensure a smooth setup and implementation experience for users, increasing customer satisfaction. +- **What To Do:** + - **Assume no prior knowledge:** Write for someone who's completely new to your project and FlutterFlow. + - **Use numbered steps:** Break down complex processes into manageable, actionable steps. + - **Include video links:** Use the documentation URL to point users to a visual video walkthrough. Alternatively, point users to a Google Doc or similar written documentation for your item. + - **Test your instructions:** Have someone else follow your instructions to identify any points of confusion. + + + +#### 2.8 Accurate Tags + +- **Criteria:** Use relevant tags that accurately describe your project's category, features, and functionality. +- **Why it Matters:** Tags play a crucial role in helping users discover your project through Marketplace search. +- **What To Do:** + - **Think like a user:** What keywords would someone use to search for a project like yours? + - **Use a mix of broad and specific tags:** For example, use general tags like "e-commerce" or "social media" along with more specific ones like "shopping cart" or "user authentication". + - **Don't use irrelevant tags:** This only makes it harder for users to find what they're looking for. + + + +#### 2.9 High-Quality Images + +- **Criteria:** Images should be visually appealing, high-resolution, and representative of the project's design and functionality. Cover images should be at least 1200 x 800 pixels and in 1.5 aspect ratio. +- **Why it Matters:** Images are the first thing users see – make a great visual impression! +- **What To Do:** + - **Showcase key screens and features:** Select images that highlight the most visually impressive and important aspects of your project. + - **Use high-resolution images:** Avoid blurry or pixelated images. + - **Maintain a consistent style:** Use similar image dimensions and visual treatments to create a cohesive look. + +:::tip +Use FlutterFlow's [**screenshot generator**](../../testing-deployment-publishing/publishing/pre-checks-publishing.md#generate-screenshots) along with services like [**Shots.so**](https://shots.so/) to create beautiful cover images. +::: + + +#### 2.10 Image Representativeness + +- **Criteria:** Images must accurately reflect the actual content and functionality of your project. +- **Why it Matters:** Misleading images create a negative experience for users and erode trust in the Marketplace. +- **What To Do:** + - **Use genuine screenshots or recordings:** Avoid showcasing designs or features that are not actually present in your project. + - **Use abstract images sparingly:** While a certain level of abstraction or illustration can be effective for concepts that are hard to capture with screenshots, they should be used judiciously. Prefer to showcase actual product screenshots in your gallery images. + + + +#### 2.11 No FlutterFlow Logo in Images + +- **Criteria:** Do not include the FlutterFlow logo in your cover photos. +- **Why it Matters:** Using the FlutterFlow logo might suggest an official endorsement or the appearance of an official template, neither of which may be accurate. Additionally, including the logo is redundant, as all items are exclusively offered through the FlutterFlow Marketplace. +- **What To Do:** Remove any references to the FlutterFlow logo in your images. + + + +### 3. Aesthetics & Design + +First impressions matter! We're looking for projects that go beyond basic functionality and demonstrate a strong understanding of visual design principles. + +#### 3.1 Design Standard + +- **Criteria:** Projects should adhere to high standards of visual design, incorporating principles of usability, accessibility, and aesthetics. +- **Why it Matters:** A well-designed app is not just visually appealing; it's intuitive, easy to navigate, and provides a positive user experience. +- **What To Do:** + - **Prioritize usability:** Make sure your design choices support, rather than hinder, the core functionality of your app. + - **Consider visual hierarchy:** Guide the user's eye with clear visual cues – size, color, contrast, and spacing can all be used effectively. + - **Maintain consistency:** Aim to use a theme colors and typography throughout your project, as well as consistent padding, list spacing, border radii, and navigation elements. + - **Test with real users:** Get feedback from others to identify any areas of your design that are confusing or frustrating to use. + + + +#### 3.2 Screen Size Compatibility (Responsiveness) + +- **Criteria:** Projects should be designed to adapt seamlessly to various screen sizes. +- **Why it Matters:** Users expect Flutter apps to scale appropriately across a wide range of devices, from small smartphones to large desktop monitors. A responsive design ensures a positive user experience across the board. +- **What To Do:** + - **Follow responsive design best practices:** Use `Wrap`, Responsive Visibility, and Flex features to ensure your app can scale across devices. Read more about building responsively in [Responsive Layouts: 101](../../ff-concepts/layout/responsive-layout.md). + - **Test on different devices:** Use FlutterFlow's different virtual devices in Test and Run Modes to test your project on a variety of screen sizes. Experiment with the canvas size in the builder to check how your designs scale. + + + +### 4. Test Experience + +A seamless and positive test experience is crucial for users to evaluate your FlutterFlow item before purchasing or cloning. This section focuses on ensuring your submission is functional, accessible, and easy to explore. + +#### 4.1 Functional Run Mode Link + +- **Criteria:** The provided Run Mode link must be active and correctly load a working demo of your project. +- **Why it Matters:** The Run Mode link is the primary way users can interact with your project before purchasing. A broken or inaccessible link creates a significant barrier. +- **What To Do:** + - **Double-check your link:** Before submitting, test the link multiple times to confirm it showcases the experience you want potential buyers to have. + + + +#### 4.2 User Sign-In (Anonymous Auth) + +- **Criteria:** Users should be able to explore the core functionality of your item *without* being required to create an account or log in. +- **Why It Matters:** Requiring upfront authentication creates friction for users who simply want to try before they buy. Additionally, forcing users to provide personal information could cause privacy issues. Anonymous authentication allows for immediate exploration. +- **What To Do:** + - **Provide pre-filled demo credentials:** If your demo relies heavily on user-specific data, consider creating a demo account with pre-populated sample data accessible to guest users. Pre-fill the username and password on the sign in screen so that users can easily begin exploring your item. + - **Implement anonymous authentication:** FlutterFlow supports easy integration with Firebase for [anonymous sign-in](../../ff-integrations/authentication/firebase-auth/anonymous-login.md). This allows users to access your project's demo mode without creating an account. + - **Remove authentication:** Another option is to remove the need for any authentication altogether. This will enable users to start exploring your item immediately without any barriers. + + + +#### 4.3 Accessible Navigation + +- **Criteria:** All pages and sections within your project should be easily navigable and accessible. +- **Why it Matters:** A confusing or broken navigation flow creates a frustrating user experience. Users should be able to intuitively explore all aspects of your project. +- **What To Do:** + - **Configure the Initial Page Properly**: In Settings > App Details, the 'Entry Page' determines the starting point for Run Mode links and the initial page users will see when they enter your app. Make sure this is set to the most logical and welcoming page to ensure a smooth user entry and navigation experience. + - **Review your project's [Storyboard](../../intro/ff-ui/storyboard.md) view:** This view displays the navigation across various pages and can help highlight any gaps. Please note that any page which is not accessible will not be shown. + - **Test navigation thoroughly:** Click through *every* button, link, and menu item in Run Mode to make sure they lead to the correct destinations. + + + +#### 4.4 Functional Template + +- **Criteria:** All core features and functionalities within your project must be working correctly. +- **Why it Matters:** Broken features or functionalities lead to a negative user experience and give the impression of a rushed or incomplete project. +- **What To Do:** + - **Rigorous testing is essential:** Test *every* aspect of your project – from button clicks and form submissions to API calls and animations. + - **Emulate real-world scenarios:** Don't just test with ideal data or happy paths. Introduce potential edge cases or user errors to see how your project handles them. + - **Get fresh eyes on it:** Ask someone unfamiliar with your project to test it and provide feedback. + + + +### 5. Build Quality + +Building a solid app template goes beyond surface-level design. It's about creating a robust, efficient, and user-friendly project that can scale and makes efficient use of components. This section focuses on technical excellence and attention to detail. + +#### 5.1 Error-Free Functionality + +- **Criteria:** Projects should be free of runtime errors, crashes, and unexpected behaviors. +- **Why it Matters:** Errors and crashes create a frustrating user experience and can damage the reputation of your project. +- **What To Do:** + - **Review project errors and optimizations:** Do not submit projects with any errors, and attempt to address most optimization suggestions in the top bar. + - **Use FlutterFlow's debugging tools:** Take advantage of FlutterFlow's built-in debugging panel to identify and resolve issues. + - **Handle nulls and errors gracefully:** Add default values for variables in case their value is ever `null`. Implement conditionals in action chains to respond appropriately to API errors or other cases when something goes wrong. + + + +#### 5.2 No Pixel Overflow + +- **Criteria:** Ensure your UI elements are positioned and sized correctly to avoid content overflowing its container, leading to visual glitches / cut off content. +- **Why It Matters:** Pixel overflows are a sign of UI inconsistencies that can negatively impact the user experience, especially on different screen sizes. Pixel overflow issues can occur in Test Mode when there’s a hardcoded pixel value and not enough space on the screen to render that exact value. +- **What To Do:** + - **Preview pixel overflows:** Toggle the pixel overflow icon in the top-right of the canvas to see if there are any overflow issues. + - **Leverage FlutterFlow's layout tools:** Use Expanded and Flex values to help prevent layout issues. Make `Columns` or `Rows` scrollable to prevent overflows. Use auto-sizing text or text clipping where it makes sense. Remove hard-coded width and height where it makes sense. + - **Test on different screen sizes:** Resize the canvas while building to preview any potential issues. + + + +#### 5.3 Error-Free Custom Code + +- **Criteria:** Any custom code integrated into your project (using Custom Functions, Actions, and Widgets) must be free of syntax errors, logical errors, and potential security vulnerabilities. +- **Why it Matters:** Errors in custom code can lead to app instability, crashes, or even security risks. +- **What To Do:** + - **Write clean, well-documented code:** This makes it easier to debug and maintain your project. + - **Test custom code thoroughly:** Isolate and test your custom code units (functions, actions) to ensure they work as expected. + - **Use FlutterFlow's code validation:** Pay close attention to any warnings or errors highlighted by FlutterFlow's built-in code validation. + + + +#### 5.4 Coherent & Relevant Custom Code + +- **Criteria:** Custom code should be purposefully integrated and enhance your project's functionality in a meaningful way. Avoid unnecessary or redundant code. Avoid including unused or irrelevant custom code. +- **Why it Matters:** While custom code offers flexibility, excessive or poorly integrated code can make your project harder to understand, maintain, and update in the future. +- **What To Do:** + - **Plan your custom code strategically:** Determine if FlutterFlow's built-in features can achieve the desired functionality before resorting to custom code. + - **Comment your code effectively:** Explain the purpose and logic behind your custom code to improve readability and maintainability. + - **Keep it modular:** Break down complex logic into smaller, reusable functions or actions. Prefer code blocks when a Custom Function is relatively short and will only be used once. + + + +#### 5.5 Testable Custom Code in Run Mode + +- **Criteria:** Ensure that the functionality implemented using custom code is accessible and verifiable within the Run Mode demo. +- **Why It Matters:** Users should be able to experience the full impact of your custom code item within the Run Mode environment. +- **What To Do:** + - **Add a page that uses your custom code:** This page should ideally expose the ideal use case of your custom code or perhaps allow users to set and control parameter values in Run Mode. + - **Provide clear instructions:** If special steps are required for users to test certain custom code functionalities in Run Mode, explain these instructions clearly within your project description or documentation. + + + +#### 5.6 Proper Firestore Rules (If Applicable) + +- **Criteria:** If your project utilizes Firestore as a database, ensure your Firestore Security Rules are correctly configured in Settings to protect user data and prevent unauthorized access. +- **Why it Matters:** Improperly configured Firestore Rules can expose sensitive user data or create security vulnerabilities within users' apps. +- **What To Do:** + - **Implement Firestore Security Rules:** Familiarize yourself with how FlutterFlow exposes [Firestore rules](../../ff-integrations/database/cloud-firestore/firestore-rules.md) and make the necessary modifications in your base project. + - **Test your rules thoroughly:** Create test accounts and attempt add, update, and delete operations on your data across different authentication states to verify your rules are working as intended. + + + +#### 5.7 Spelling and Grammar + +- **Criteria:** Maintain a professional tone with correct spelling and grammar throughout your project's UI text, descriptions, and documentation. +- **Why it Matters:** Even small typos can detract from your project's credibility and create a negative user experience. +- **What To Do:** + - **Proofread, proofread, proofread:** Carefully review all text elements within your project. Ask a friend or colleague to review your text for errors. + + + +#### 5.8 User-Friendly Template + +- **Criteria:** Your template should empower users to build upon it easily and intuitively, regardless of their FlutterFlow expertise. +- **Why It Matters:** A user-friendly template increases its value and appeal. When users can quickly understand and customize your template, they're more likely to choose it, leading to greater success for your Marketplace item. +- **What To Do:** + - **Embrace reusable components:** Design your template with modularity in mind. Create reusable components that users can easily modify for their use case. + - **Clear and concise naming conventions:** Use descriptive names for widgets, variables, and functions to make your template's structure understandable at a glance. + - **Logical organization:** Structure your template's layout in a clear and logical manner, grouping related elements and using comments to guide users. + - **Documentation is key:** Provide clear and comprehensive documentation that guides users on how to use and customize your template effectively. Include explanations of key features, customization options, and potential use cases. + - **Test with diverse users:** Get feedback from users with varying levels of FlutterFlow experience. This helps identify potential pain points or areas where your template could be more user-friendly. + + + +#### 5.9 Appropriate State Management + +- **Criteria:** Implement state management effectively to ensure data is updated and reflected correctly across your application. +- **Why it Matters:** Proper state management is crucial for building responsive and dynamic Flutter apps. It helps prevent data inconsistencies, improves performance, and makes your code easier to maintain. +- **What To Do:** + - **Choose the right state management scope:** FlutterFlow supports (1) [App State](../../resources/data-representation/app-state.md) (2) [Page State](../../resources/ui/pages/page-lifecycle.md#page-state) and (3) [Component State](../../ff-concepts/state-management/generated-code.md#component-state) variables. Familiarize yourself with these options and scope any state variables to where they are needed. For instance, do not use App State to control the value of a checkbox within a component. + - **Rebuild efficiently:** Ensure changes to state rebuild only the necessary scope for efficiency. + + + +#### 5.10 Organized Widget Tree + +- **Criteria:** Maintain a well-structured and organized widget tree within your FlutterFlow project. +- **Why It Matters:** A clean and organized widget tree makes your project more understandable, maintainable, and less prone to errors. It also makes it easier for others to collaborate on your project. +- **What To Do:** + - **Use descriptive names for widgets and variables:** Make your code self-documenting by using clear and meaningful names for major nodes. + - **Avoid deeply nested widgets:** If your widget tree becomes too deeply nested (>10 levels), consider breaking it down into smaller, reusable [components](../../resources/ui/components/overview.md). + + + +#### 5.11 Follow FlutterFlow Best Practices + +- **Criteria:** Adhere to recommended best practices and guidelines for building apps with FlutterFlow. +- **Why It Matters:** Following best practices can help you avoid common pitfalls, improve the performance of your app, and ensure your project is compatible with future updates to FlutterFlow. +- **What To Do:** + - **Stay up-to-date:** Keep an eye on FlutterFlow's official documentation, blog posts, and community forums for the latest tips, tricks, and best practices. + +:::info +Stay tuned for an upcoming "style guide" we're publishing that goes into deeper detail about best practices for building in FlutterFlow. +::: + + + +#### 5.12 Limit Static Images + +- **Criteria**: Minimize the use of large, unoptimized static images within your project to prevent app bloat and ensure that your template accurately represents the functionality of your app. +- **Why It Matters**: Overusing large static images not only increases the download size and slows down performance, particularly on slower networks, but also risks misleading users. For example, using an image of a map or a credit card form, rather than building these elements, can give the false impression that your app includes functionalities that are merely visual mockups. This can disappoint users when they discover these components are non-interactive. +- **What To Do**: + - **Build Functional Components**: Wherever possible, replace static images with functional elements built using FlutterFlow. This ensures your app remains scalable and interactive, providing a genuine user experience across all device sizes and orientations. + - **Use optimized images**: Reduce image file size using online compression tools, which maintain quality while decreasing load times. + - **Leverage caching**: Implement image caching for network images to minimize repeated downloads of the same images, which enhances performance. + + + +#### 5.13 Limit Custom Code (When Possible) + +- **Criteria:** While custom code is powerful, strive to achieve as much functionality as possible using FlutterFlow's visual builder and built-in features. +- **Why It Matters:** Over-reliance on custom code can make your project less maintainable, less user-friendly, and potentially more prone to errors. +- **What To Do:** + - **Explore FlutterFlow's capabilities:** Familiarize yourself with FlutterFlow's extensive library of pre-built widgets, actions, and integrations to see if they can fulfill your requirements before resorting to custom code. + + + +#### 5.14 Efficient Component Use & Avoiding Duplication + +- **Criteria:** Projects should demonstrate efficient use of FlutterFlow's components. Avoid unnecessary duplication of pages, widgets, or actions. Strive to create reusable components and implement action blocks in a scalable and maintainable way. +- **Why it Matters:** Duplicating large sections of code or entire pages with only minor changes bloats the project size, reduces maintainability, and can mislead users about the project's complexity and value. +- **What To Do:** + - **Leverage Components:** Create reusable components for elements that repeat throughout your project (e.g., product cards, list items, headers, footers). + - **Utilize Parameters:** Pass data and customize component instances using parameters instead of duplicating and hardcoding values. + - **Review for Redundancies:** Before submitting, carefully examine your project for any unnecessarily duplicated pages, widgets, or action chains that could be consolidated or streamlined. + + + +### 6. Value (Paid Items) + +A successful Marketplace item goes beyond just a functional app—it provides real value to users. + +#### 6.1 High Value Proposition + +- **Criteria:** Item should offer a compelling value proposition that justifies their price. +- **Why It Matters:** Users are looking for solutions that save them time, effort, or resources, or that provide a unique experience they can't easily find elsewhere. +- **What To Do:** + - **Define Your Unique Value**: Identify and articulate what sets your project apart from others. Ensure it solves a specific problem in a way that is not readily available in the Marketplace. + - **Tag Appropriately**: Accurately categorize your item—whether it's a full app or a UI kit—to set the right expectations for potential users. + - **Justify Your Pricing**: Make sure the pricing of your item reflects its true value and stands in fair comparison to similar offerings. Ensure it offers enough depth and uniqueness to warrant the minimum price point. + + + +### 7. Legal & Security + +Building trust in the FlutterFlow Marketplace requires respecting legal boundaries and safeguarding user information. This section covers essential considerations to ensure your project adheres to ethical and legal standards. + +#### 7.1 Free of Inappropriate Content + +- **Criteria:** Projects must not contain any offensive, discriminatory, or illegal content. This includes, but is not limited to: + - Hate speech or discrimination + - Sexually explicit material or pornography + - Content that promotes violence, illegal activities, or harm to others +- **Why it Matters:** Maintaining a safe and inclusive community is paramount. Inappropriate content violates the [FlutterFlow Terms of Service](https://flutterflow.io/tos) and may have legal ramifications. +- **What To Do:** + - **Review your content carefully:** Ensure all text, images, and other assets align with community standards and legal guidelines. + - **Err on the side of caution:** When in doubt, it's best to avoid potentially controversial content. + + + +#### 7.2 Free of Copyrighted Material + +- **Criteria:** Projects must not include any unauthorized use of copyrighted material, such as: + - Images, illustrations, or graphics + - Music or sound effects + - Code snippets or libraries — see our docs on [Open Source Licenses](legal-guidelines-for-creators.md#open-source-licenses) for details +- **Why it Matters:** Using copyrighted material without permission is a legal infringement and can result in serious legal consequences, including [DMCA takedown](copyright-dmca-process.md). +- **What To Do:** Please review our [Legal Guidelines for Creators](legal-guidelines-for-creators.md) and [Navigating External Licenses](navigating-external-licenses.md) for more details. + + + +#### 7.3 Free of Trademarked Material + +- **Criteria:** Items must not misuse or infringe upon registered trademarks, including: + - Brand names + - Logos + - Slogans +- **Why it Matters:** Trademark infringement can lead to legal disputes and damage the reputation of FlutterFlow Marketplace. Please see our [Legal Guidelines for Creators](legal-guidelines-for-creators.md) for more details. +- **What To Do:** Please review our [Legal Guidelines for Creators](legal-guidelines-for-creators.md) for more details. + + +#### 7.4 Free of Confidential Data + +- **Criteria:** Projects should not expose any sensitive or confidential information, including: + - API keys + - User credentials + - Personal data (e.g., names, addresses, financial information) +- **Why it Matters:** Exposing confidential data can compromise the security of your project and put users at risk. +- **What To Do:** + - **Follow [API Key Best Practices](../../ff-integrations/google-cloud/secure-keys.md):** Add restrictions, delete unnecessary API keys, and regularly rotate your keys to ensure keys are secured. + - **Require users to provide their own API keys:** Use ephemeral, user-provided API keys in calls rather than hardcoding your own keys directly into code. + - **Scrub your project before submission:** Double-check your project files and codebase to ensure no confidential information is accidentally included. + + + +## Common Rejection Reasons + +To help streamline your submission process, here are some of the most frequent reasons projects are flagged: + +- [**Lack of Anonymous Authentication**](submission-criteria.md#42-user-sign-in-anonymous-auth): Make it easy for users to test your project without requiring logins. +- [**Unclear Usage Instructions**](submission-criteria.md#27-professional-instructions): Provide detailed, step-by-step guidance on how to use and customize your template. +- [**Image Issues**](submission-criteria.md#29-high-quality-images): Ensure images are high-resolution, sized appropriately, and don't include the FlutterFlow logo. +- [**Poor Widget Tree Organization**](submission-criteria.md#510-organized-widget-tree): Utilize components and naming effectively to create a clean, well-structured project. +- [**Use of Copyrighted Assets**](submission-criteria.md#72-free-of-copyrighted-material): Only include assets that you have created or have the legal right to use commercially. + + + +We're excited to see the amazing FlutterFlow projects you bring to the Marketplace! By following these guidelines, you'll help us maintain a high-quality platform that benefits the entire FlutterFlow community. **Let's build something incredible together!** 🚀 diff --git a/docs/marketplace/creators-hub/submit-item-for-reivew.md b/docs/marketplace/creators-hub/submit-item-for-reivew.md new file mode 100644 index 00000000..ce0c880d --- /dev/null +++ b/docs/marketplace/creators-hub/submit-item-for-reivew.md @@ -0,0 +1,168 @@ +--- +slug: submit-item-for-reivew +title: Submitting Item for Review +description: Learn how to submit an item to the FlutterFlow Marketplace. +tags: [MarketPlace, Creators Hub] +sidebar_position: 0 +keywords: [FlutterFlow, MarketPlace, Creators Hub, Submit Item] +--- +import Tabs from '@theme/Tabs'; +import TabItem from '@theme/TabItem'; + +# Submitting Item for Review + +All items submitted to the Marketplace are subject to a comprehensive review process prior to publication. While we have recently significantly improved review times, please note that the review period can take up to 30 days depending on the complexity and volume of submissions. + +:::danger[Important: Review Submission Policies] + +Please review our [**Submission Guidelines**](submission-criteria.md) and our [**Marketplace Terms of Service**](https://flutterflow.io/tos-marketplace) before submitting your item. It may also be helpful to review our [**Legal Guidelines for Creators**](legal-guidelines-for-creators.md), which explain your legal responsibility in plain language. +::: + +## How to Submit an Item + +### 1. Set your project as a Marketplace project + +Marketplace items should belong to projects that are specifically made to publish Marketplace items (i.e., they should not be inside of a production project). + +In order to submit an item, it must be inside of a project that has been Set For Marketplace. A project that is set for Marketplace can not be deployed. + +To set a project for Marketplace: + +1. Select the [**Share Icon**](../../intro/ff-ui/toolbar.md#share-project) from the Toolbar (top right side of the screen). +2. Select **Create New Item > Set For Marketplace > Yes** + +:::tip +You can also clone an existing project and then set it as a Marketplace Project. +::: + +
+ +
+

+ +### 2. Fill out the submission form + +Below is an overview of what is needed to create your Marketplace item: + +:::tip +If you aren't ready to submit your item, select **Save As Draft** to continue editing your submission at a later time. +::: + +#### Cover Photo + +The cover photo should be 1200x800 pixels and help the users understand the purpose of the item. Please do not include the FlutterFlow logo in your cover image. + +#### Gallery Photos (optional) + +Include up to 4 additional photos that showcase your item's features. Each should be should be 1200x800 pixels. + +#### Name + +The item name should be professional, unique, and help the users understand the purpose of the item. Please use correct grammar and capitalization. + +#### Description + +The description should provide an overview of the key features, helping users determine if the item aligns with their requirements. If the item includes any third-party paid services, those should also be mentioned in the description. Please use correct grammar and capitalization. + +#### Usage Instructions + +Provide clear and concise instructions on how to implement and utilize your item within FlutterFlow. Include any necessary steps, code snippets, or configurations required to get started. If your item depends on any third party services, please show users where to find relevant API keys or more information. Please use correct grammar and capitalization. + +#### Marketplace Item Type + +Three types of items can be submitted: + +**Template AppPage or ComponentCustom Code** + + +Template apps contain multiple screens. There are 2 sub-types: + +- **Full App:** an app with authentication, complete navigation, multiple pages/flows, database schema, complete action trees, etc. +- **UI Kit**: purely design-based templates and layouts + +:::note +*Template Apps* can be monetized. The minimum price for Template Apps is $200. +::: + + +Pages or Components are assembled modules that can be used within FlutterFlow. There are 2 sub-types: + +- **Page:** a single page in a FlutterFlow project +- **Component:** a reusable UI element that can be integrated into any part of your application + +:::warning +*Pages and Components* cannot be monetized at this time. +::: + + +Custom Code is Dart code that can be used within FlutterFlow projects. There are 3 sub-types: + +- **Custom Functions:** synchronous functions that do not have external dependencies. +- **Custom Actions:** synchronous or asynchronous functions that may have external dependencies. If your action contains dependencies, please review our guide on [Open Source Licenses](legal-guidelines-for-creators.md). +- **Custom Widgets:** user-defined Dart widgets that extend the capabilities of the standard FlutterFlow widget collection. If your widget contains dependencies, please review our guide on [Open Source Licenses](legal-guidelines-for-creators.md). + +*Please note that each custom code item needs to be submitted separately.* + +:::warning +*Custom Code* cannot be monetized at this time. +::: + + + + +#### Template Tags (optional) + +Template tags help users sort and filter items. If the tags listed don't match your item, enter your desired search terms under *Keywords*. + +#### Supported Platforms + +You can submit Marketplace items for Android, iOS, and Web (or all three!). Please make sure to test on all supported platforms to ensure the item works without issues or errors. + +#### Run Mode URL + +A Run Mode link of your Marketplace allows users to better understand how your item looks and works. + +:::info +If your Run Mode link includes authentication functionality, please add a demo login button that uses [**Anonymous sign-in**](../../ff-integrations/authentication/firebase-auth/anonymous-login.md) or pre-fill demo credentials in the email and password inputs. +::: + +#### Documentation URL + +If there are complex installation or usage instructions, we highly recommend creating a documentation link for your Marketplace item. This can be written (e.g., Notion Doc, Google Doc) or video (e.g., YouTube, Loom). + +### 3. Submit your item for review + +Once the Marketplace item submission form is complete, you can submit it for review. To submit a Marketplace item for review: + +1. Fill out the items in the Marketplace Item Submission Form +2. Select **Submit For Approval** + +Your item will be shown in your [Dashboard](https://marketplace.flutterflow.io/dashboard) under **Created Items** as "Pending Approval": + +![Item in "Pending Approval"](../imgs/image.avif) + +### 4. Edit an approved item +:::info +At this time, it is not possible to edit an approved Marketplace Item. We are working to add this functionality soon. +::: \ No newline at end of file diff --git a/docs/marketplace/imgs/free-items.webp b/docs/marketplace/imgs/free-items.webp new file mode 100644 index 00000000..5e81d594 Binary files /dev/null and b/docs/marketplace/imgs/free-items.webp differ diff --git a/docs/marketplace/imgs/image.avif b/docs/marketplace/imgs/image.avif new file mode 100644 index 00000000..6d1e438d Binary files /dev/null and b/docs/marketplace/imgs/image.avif differ diff --git a/docs/marketplace/imgs/img.png b/docs/marketplace/imgs/img.png new file mode 100644 index 00000000..a6a0127b Binary files /dev/null and b/docs/marketplace/imgs/img.png differ diff --git a/docs/marketplace/imgs/paid-items.webp b/docs/marketplace/imgs/paid-items.webp new file mode 100644 index 00000000..add5e9a9 Binary files /dev/null and b/docs/marketplace/imgs/paid-items.webp differ diff --git a/docs/marketplace/index.md b/docs/marketplace/index.md new file mode 100644 index 00000000..3a27679d --- /dev/null +++ b/docs/marketplace/index.md @@ -0,0 +1,25 @@ +--- +slug: /marketplace +title: FlutterFlow Marketplace +description: Discover how to explore, purchase, and contribute to the FlutterFlow Marketplace, including guidelines for submissions and handling copyrights. +tags: [Marketplace , Creator Hub] +sidebar_position: 0 +keywords: [FlutterFlow, Marketplace, Add and Purchase Items, Refund Policy, Submit Feedback, Creator Hub, Submission Criteria, Legal Guidelines, Copyright, DMCA Process, External Licensing, Creators FAQs] +--- + +# FlutterFlow Marketplace +FlutterFlow's Marketplace is a dynamic platform designed to enhance your app development experience by providing a vast array of pre-built templates, components, and other resources. + +## Exploring the FlutterFlow Marketplace +In the FlutterFlow Marketplace, you can [add and purchase](adding-purchasing-item.md) items to quickly integrate into your projects, significantly reducing development time. The Marketplace is curated to ensure high-quality resources, with contributions from a diverse community of developers and designers. + +## Becoming a Contributor +If you're interested in contributing to the Marketplace, the [creator hub](creators-hub/creators-hub.md) is your starting point. Here, you can learn about [submitting items for review](creators-hub/submit-item-for-reivew.md), [submission criteria](creators-hub/submission-criteria.md), and [legal guidelines](creators-hub/legal-guidelines-for-creators.md) for creators. Ensuring your submissions adhere to these guidelines helps maintain the quality and integrity of the Marketplace. + +## Protecting Your Work +Understanding and navigating [copyright (DMCA process)](creators-hub/copyright-dmca-process.md) is crucial for both creators and users. The Marketplace provides clear instructions on how to handle copyright issues, ensuring that intellectual property rights are respected. + +For those dealing with third-party resources, [navigating external licensing](creators-hub/navigating-external-licenses.md) is essential. The Marketplace offers guidelines to help you understand and comply with various licensing agreements. + +## FAQs +Our [Creators FAQs](creators-hub/creators-hub.md) section provides answers to common questions, supporting you throughout your journey in the Marketplace. \ No newline at end of file diff --git a/docs/marketplace/refund-policy.md b/docs/marketplace/refund-policy.md new file mode 100644 index 00000000..3e905fb2 --- /dev/null +++ b/docs/marketplace/refund-policy.md @@ -0,0 +1,37 @@ +--- +slug: refund-policy +title: Refund Policy +description: Learn more about the refund policy of FlutterFlow marketplace. +tags: [MarketPlace, Refund Policy] +sidebar_position: 2 +keywords: [FlutterFlow, MarketPlace, Refund Policy] +--- + +# Refund Policy + +:::note +Please note that this policy does not override the local laws concerning refunds in your country, which remain applicable where necessary. +::: + +At FlutterFlow, we're committed to ensuring that Marketplace offers high-quality templates that meet the diverse needs of our users. We understand the importance of finding the right tools to accelerate your app development, and we strive to ensure our Marketplace reflects the high standards you expect. + +## No-Refund Policy + +Due to the digital nature of Marketplace items, which include access to code, design, and layout, we maintain a **no-refund policy**. This policy is clearly outlined during the purchase process near the "Buy Now" button. Each template is designed for single use, and once purchased, the buyer gains immediate access to all its contents, making returns infeasible. + +## Exceptional Circumstances + +While our policy is to not offer refunds, we are committed to the satisfaction of our customers. If you encounter any of the following issues, you may be eligible for refund consideration: + +1. **Major Defects:** All the items are thoroughly tested before being published, but unexpected errors may occur. Such issues must be submitted for verification. If any deficiency is confirmed, we will reach out to the item creator to address the issue and may issue a refund if we fail to address the defect within a reasonable time frame. +2. **Purchased with Incorrect Account:** If you purchased an item with a different account than you intended and have not yet used the item, we can help transfer the item to the correct account. + +If you believe an item qualifies, please contact us directly by emailing [marketplace@flutterflow.io](mailto:marketplace@flutterflow.io). Each request will be considered on a case-by-case basis, and in exceptional circumstances, we may issue a refund. Such cases are handled manually and may take 5-10 days to process. + +## Feedback and Resolution + +Your feedback is vital in helping us improve the quality of the offerings on our Marketplace. If the template didn’t meet your expectations, please consider: + +- **Providing Feedback:** You can [rate the item](submit-feedback.md#rate-an-item) in your Marketplace dashboard, which helps us maintain quality standards and assists other users in making informed decisions. +- **Contacting the Creator:** [Reach out directly](submit-feedback.md#contact-the-item-creator) to the item creator to express any dissatisfaction. +- **Reporting Issues:** If you believe the item violates our standards or policies, please [report it](submit-feedback.md#report-an-item). We take these concerns seriously and investigate every report. \ No newline at end of file diff --git a/docs/marketplace/submit-feedback.md b/docs/marketplace/submit-feedback.md new file mode 100644 index 00000000..2d57cf19 --- /dev/null +++ b/docs/marketplace/submit-feedback.md @@ -0,0 +1,42 @@ +--- +slug: submit-feedback +title: Submit Feedback +description: Learn more about the submiting feedback on FlutterFlow marketplace items. +tags: [MarketPlace, Submit Feedback] +sidebar_position: 2 +keywords: [FlutterFlow, MarketPlace, Submit Feedback] +--- + +# Submitting Feedback for Items + +At FlutterFlow Marketplace, your feedback is crucial to improving the quality and reliability of the items available. There are three main ways to submit feedback: + +### Contact the Item Creator + +For direct feedback or questions, we recommend contacting the item creator. This is great for providing constructive feedback or for support with minor item issues: + +1. Navigate to the creator's profile on Marketplace. +2. Click the **Contact** button. This action will copy the creator's official email address to your clipboard. +3. Send an email to the copied email address. + +### Rate an Item + +You can rate items you have used, which helps other users make informed decisions: + +1. Go to the **Usage History** tab of your [dashboard](https://marketplace.flutterflow.io/dashboard). +2. Find the item you want to rate and click on the stars next to it. +3. Select a star rating from 1 to 5, where 5 is the highest. +4. Optionally, add a comment to your rating. Please keep your feedback respectful and honest. + +### Report an Item + +If you encounter any issues with an item that may require our attention, such as copyright or trademark infringements, or severe quality issues, you can report it. Reports are submitted anonymously and will alert both the creator and our Marketplace team. + +1. Navigate to the item's detail page in Marketplace. +2. Click **Report this item** +3. Choose a report type and clearly describe the issue, including external URLs if necessary. +4. Click **Submit** + +:::tip +If you are the original author or copyright holder of content that has been uploaded to the FlutterFlow Marketplace without your permission, you can file DMCA takedown request following the instructions in [**FlutterFlow's Terms of Service**](https://flutterflow.io/tos). +::: \ No newline at end of file diff --git a/docs/resources/control-flow/user-interactivity/forms/forms.md b/docs/resources/control-flow/user-interactivity/forms/forms.md index d45d0366..cfeb0655 100644 --- a/docs/resources/control-flow/user-interactivity/forms/forms.md +++ b/docs/resources/control-flow/user-interactivity/forms/forms.md @@ -1,7 +1,7 @@ --- slug: /resources/forms title: Overview -tags: [FlutterFlow, forms, input, UI, user interaction] +tags: [Forms] keywords: [FlutterFlow, forms, input fields, user interface, mobile app development, data collection, user interaction] description: Learn how to work with Forms in FlutterFlow app. sidebar_position: 0 diff --git a/docs/resources/projects/how-to-collaborate-on-projects.md b/docs/resources/projects/how-to-collaborate-on-projects.md index e7b17556..67c409dc 100644 --- a/docs/resources/projects/how-to-collaborate-on-projects.md +++ b/docs/resources/projects/how-to-collaborate-on-projects.md @@ -2,7 +2,7 @@ slug: /resources/projects/how-to-collaborate-on-projects title: How to Collaborate on Projects description: Learn how to collaborate effectively on projects in FlutterFlow, including best practices for teamwork and project management. -tags: [Collaboration, FlutterFlow, Project Management] +tags: [Collaboration, Project Management] toc_max_heading_level: 5 sidebar_position: 3 keywords: [Collaboration, FlutterFlow, Project Management] @@ -141,7 +141,7 @@ To disable this feature anytime, click the **Disable Updated Collaboration** but This feature is still in Beta, and unexpected issues may occur. Ensure you regularly create project versions as a backup. - + ::: :::info diff --git a/docs/resources/ui/components/overview.md b/docs/resources/ui/components/overview.md index ba944e94..c12b3075 100644 --- a/docs/resources/ui/components/overview.md +++ b/docs/resources/ui/components/overview.md @@ -47,7 +47,7 @@ Leveraging components effectively helps you build a consistent, efficient, and m out-of-the-box solutions provided by FlutterFlow that can be directly integrated into any project to offer specific functionalities. -- **[User-Defined Components](custom-components/getting-started.md):** You can also build your own +- **[Custom Components](custom-components/getting-started.md):** You can also build your own components by assembling multiple widgets using FlutterFlow’s drag-and-drop interface. This method involves strategically diff --git a/docusaurus.config.ts b/docusaurus.config.ts index 09ccddfe..f4632188 100644 --- a/docusaurus.config.ts +++ b/docusaurus.config.ts @@ -69,6 +69,12 @@ const config: Config = { }, items: [ + { + type: 'doc', + docId: 'marketplace/index', + position: 'left', + label: 'Marketplace', + }, { href: 'https://github.com/FlutterFlow/flutterflow-documentation', label: 'GitHub', @@ -87,7 +93,9 @@ const config: Config = { to: '#', }, ], + }, + { title: 'Community', items: [ diff --git a/sidebars.ts b/sidebars.ts index 4024ff9f..14abb0a3 100644 --- a/sidebars.ts +++ b/sidebars.ts @@ -2,6 +2,7 @@ import type {SidebarsConfig} from '@docusaurus/plugin-content-docs'; const sidebars: SidebarsConfig = { + marketplaceSidebar: [{type: 'autogenerated', dirName: 'marketplace'}], // Adjust `dirName` as needed troubleshootingSidebar: [{type: 'autogenerated', dirName: 'troubleshooting'}], // Adjust `dirName` as needed changelogSidebar: [{type: 'autogenerated', dirName: 'changelog'}], // Adjust `dirName` as needed docsSidebar: [