Add slugs

docs/ff-concepts/adding-customization/cloud-functions.md

@@ -1,6 +1,10 @@
 ---
+slug: /concepts/custom-code/custom-functions
 title: Cloud Functions
+description: Learn how to use Cloud Functions in your FlutterFlow app for serverless backend functionality.
+tags: [FlutterFlow, Cloud Functions, Serverless, Integration]
 sidebar_position: 6
+keywords: [FlutterFlow, Cloud Functions, Serverless, Integration]
 ---
 
 # Cloud Functions

docs/ff-concepts/adding-customization/custom-actions.md

@@ -1,6 +1,10 @@
 ---
+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]
 sidebar_position: 3
+keywords: [FlutterFlow, Custom Actions, Customizations, Flutter, Dart, Pub.dev]
 ---
 
 # Custom Actions

docs/ff-concepts/adding-customization/custom-code.md

@@ -1,8 +1,11 @@
 ---
+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]
 sidebar_position: 1
+keywords: [FlutterFlow, Custom Code, Customizations, Flutter, Dart, Pub.dev]
 toc_max_heading_level: 4
-
 ---
 
 # Custom Code

docs/ff-concepts/adding-customization/custom-files.md

@@ -1,7 +1,12 @@
 ---
+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]
 sidebar_position: 5
+keywords: [FlutterFlow, Custom Files, Customizations, Flutter, Dart, Pub.dev]
 ---
+
 # Custom Files
 
 We allow you to add a custom code directly into the `main.dart` file of your app. This means that you can easily implement specific functionalities and customize your app as per your requirements without downloading the entire project and manually modifying the file.

docs/ff-concepts/adding-customization/custom-functions.md

@@ -1,6 +1,10 @@
 ---
+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]
 sidebar_position: 2
+keywords: [FlutterFlow, Custom Functions, Customizations, Flutter, Dart, Pub.dev]
 ---
 
 # Custom Functions

docs/ff-concepts/adding-customization/custom-widgets.md

@@ -1,6 +1,10 @@
 ---
+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]
 sidebar_position: 4
+keywords: [FlutterFlow, Custom Widgets, Customizations, Flutter, Dart, Pub.dev]
 ---
 
 # Custom Widgets

docs/ff-concepts/animations/animations.md

@@ -1,8 +1,10 @@
 ---
-slug: animations
+slug: /concepts/animations
 title: Animations
-sidebar_position: 1
 description: Learn the basics of animations in FlutterFlow.
+tags: [FlutterFlow, Animations, Concepts]
+sidebar_position: 1
+keywords: [FlutterFlow, Animations, Concepts]
 ---
 
 Enhancing your app with animations significantly improves the user experience, making it more engaging and intuitive. In FlutterFlow, you have several options to add animations to your app:

docs/ff-concepts/animations/hero_animations.md

@@ -1,8 +1,10 @@
 ---
-slug: hero-animations
+slug: /concepts/hero-animations
 title: Hero Animations
-sidebar_position: 3
 description: Learn how to add Hero Animations in your FlutterFlow app.
+tags: [FlutterFlow, Hero Animations, Concepts]
+sidebar_position: 3
+keywords: [FlutterFlow, Hero Animations, Concepts]
 ---
 
 # Hero Animation

docs/ff-concepts/animations/implicit_animations.md

@@ -1,9 +1,12 @@
 ---
-slug: implicit-animations
+slug: /concepts/implicit-animations
 title: Implicit Animations
-sidebar_position: 2
 description: Learn how to add implicit animations in FlutterFlow.
+tags: [FlutterFlow, Implicit Animations, Concepts]
+sidebar_position: 2
+keywords: [FlutterFlow, Implicit Animations, Concepts]
 ---
+
 import Tabs from '@theme/Tabs';
 import TabItem from '@theme/TabItem';
 

docs/ff-concepts/animations/page_transitions.md

@@ -1,8 +1,10 @@
 ---
-slug: page-transition-animations
+slug: /concepts/animations/page-transition
 title: Page Transition Animations
-sidebar_position: 4
 description: Learn how to add page transition animations in your FlutterFlow app.
+tags: [FlutterFlow, Page Transition Animations, Concepts]
+sidebar_position: 4
+keywords: [FlutterFlow, Page Transition Animations, Concepts]
 ---
 
 The animation that plays while transitioning from one page of the app to another is known as a page transition. In FlutterFlow, you can customize this animation to enhance the user experience.

docs/ff-concepts/animations/widget_animations.md

@@ -1,9 +1,12 @@
 ---
-slug: widget-animations
+slug: /concepts/widget-animations
 title: Widget Animations
-sidebar_position: 1
 description: Learn how to add widget animations in FlutterFlow.
+tags: [FlutterFlow, Widget Animations, Concepts]
+sidebar_position: 1
+keywords: [FlutterFlow, Widget Animations, Concepts]
 ---
+
 import fadeGif from '@site/static/img/animations/animation_gifs/fade.gif';
 import scaleGif from '@site/static/img/animations/animation_gifs/scale.gif';
 import slideGif from '@site/static/img/animations/animation_gifs/slide.gif';

docs/ff-concepts/design-system/design-system.md

@@ -1,9 +1,10 @@
 ---
-slug: design-system
+slug: /concepts/design-system
 title: Design System
-tags: []
 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]
 sidebar_position: 1
+keywords: [FlutterFlow, Design System, UI/UX, Concepts]
 ---
 
 # Design System

docs/ff-concepts/layout/building-layout.md

@@ -1,10 +1,12 @@
 ---
-slug: building-layout
+slug: /concepts/building-layout
 title: Building Layout
-tags: []
 description: Learn how to build layout in your FlutterFlow app.
+tags: [FlutterFlow, Building Layout, Concepts]
 sidebar_position: 1
+keywords: [FlutterFlow, Building Layout, Concepts]
 ---
+
 # Building Layout
 
 In FlutterFlow, you build a page layout using Widgets. **Widgets**, such as [Text](#), [Buttons](#), [Images](#), and [Icons](#), are visible on the screen. Others, like [Containers](#), [Rows](#), [Columns](#), and [Stacks](#), are not directly visible but help arrange and position the visible elements on the page.

docs/ff-concepts/layout/responsive-layout.md

@@ -1,10 +1,13 @@
 ---
-slug: responsive-layout
+slug: /concepts/responsive-layout
 title: Responsive Layout
-tags: []
 description: Learn how to create responsive layout in your FlutterFlow app.
+tags: [FlutterFlow, Responsive Layout, Concepts]
 sidebar_position: 1
+keywords: [FlutterFlow, Responsive Layout, Concepts]
 ---
+
+
 import Tabs from '@theme/Tabs';
 import TabItem from '@theme/TabItem';
 

docs/ff-concepts/layout/responsive-widgets/conditional-builder-widget.md

@@ -1,11 +1,11 @@
 ---
-slug: conditional-builder
+slug: /concepts/responsive/conditional-builder
 title: ConditionalBuilder
-tags: []
 description: Learn how to display different widgets based on certain conditions in your FlutterFlow app.
+tags: [FlutterFlow, ConditionalBuilder, Concepts]
 sidebar_position: 1
+keywords: [FlutterFlow, ConditionalBuilder, Concepts]
 ---
-
 # ConditionalBuilder
 
 The `ConditionalBuilder` widget allows you to dynamically display different widgets based on certain conditions (either [single](/advanced-functionality/conditional-logic#single-condition) or [multiple](/advanced-functionality/conditional-logic#multiple-conditions-and-or)). Using this widget, you can define different conditions, each associated with a specific widget to be displayed when that condition is true. It's like having a switch that shows different things depending on what's happening in your app.

docs/ff-concepts/layout/responsive-widgets/wrap-widget.md

@@ -1,9 +1,10 @@
 ---
-slug: wrap
+slug: /concepts/responsive/wrap
 title: Wrap
-tags: []
-description: Learn how to add Wrap widget in your FlutterFlow app.
+description: Learn how to add the Wrap widget in your FlutterFlow app.
+tags: [FlutterFlow, Wrap, Concepts]
 sidebar_position: 1
+keywords: [FlutterFlow, Wrap, Concepts]
 ---
 
 # Wrap

docs/ff-concepts/navigation-routing/deep-dynamic-linking.md

@@ -1,6 +1,10 @@
 ---
+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]
 sidebar_position: 4
+keywords: [FlutterFlow, Deep Linking, Dynamic Linking, Concepts]
 ---
 
 # Deep & Dynamic Linking

docs/ff-concepts/navigation-routing/generate-current-page-link.md

@@ -1,6 +1,10 @@
 ---
+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]
 sidebar_position: 5
+keywords: [FlutterFlow, Navigation, Page Link, Concepts]
 ---
 
 # Generate Current Page Link

docs/ff-concepts/navigation-routing/launch-url-action.md

@@ -1,9 +1,10 @@
 ---
-slug: launch-url
+slug: /concepts/navigation/launch-url
 title: Launch URL [Action]
-tags: []
 description: Learn how to use the Launch URL Action in FlutterFlow to open URLs with supporting apps.
+tags: [FlutterFlow, Launch URL, Action, Concepts]
 sidebar_position: 7
+keywords: [FlutterFlow, Launch URL, Action, Concepts]
 ---
 
 The Launch URL Action lets you specify a URL that will be opened using an app supporting it. If there is more than one app that can handle the specified URL, the user will be presented with a dialog from where one of the apps can be selected.

docs/ff-concepts/navigation-routing/nav-overview.md

@@ -1,9 +1,10 @@
 ---
-slug: overview
+slug: /concepts/navigation/overview
 title: Overview
-tags: []
 description: Learn how to add navigation in FlutterFlow.
+tags: [FlutterFlow, Navigation, Concepts]
 sidebar_position: 0
+keywords: [FlutterFlow, Navigation, Concepts]
 ---
 
 # Overview

docs/ff-concepts/navigation-routing/page-navigation.md

@@ -1,9 +1,10 @@
 ---
-slug: page-navigation
+slug: /concepts/navigation/page-navigation
 title: Page Navigation
-tags: []
 description: Learn how to navigate between pages in FlutterFlow.
+tags: [FlutterFlow, Page Navigation, Navigation, Concepts]
 sidebar_position: 1
+keywords: [FlutterFlow, Page Navigation, Navigation, Concepts]
 ---
 
 # Page Navigation

docs/ff-concepts/navigation-routing/passing-data.md

@@ -1,10 +1,12 @@
 ---
-slug: passing-data
+slug: /concepts/navigation/passing-data
 title: Passing Data
-tags: []
 description: Learn how to pass data between pages in FlutterFlow.
+tags: [FlutterFlow, Passing Data, Navigation, Concepts]
 sidebar_position: 2
+keywords: [FlutterFlow, Passing Data, Navigation, Concepts]
 ---
+
 import Tabs from '@theme/Tabs';
 import TabItem from '@theme/TabItem';
 

docs/ff-concepts/navigation-routing/share-action.md

@@ -1,6 +1,10 @@
 ---
+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]
 sidebar_position: 6
+keywords: [FlutterFlow, Share Action, Navigation, Concepts]
 ---
 
 # Share [Action]

docs/ff-concepts/navigation-routing/webview-widget.md

@@ -1,9 +1,10 @@
 ---
-slug: webview
+slug: /concepts/navigation/webview
 title: WebView
-tags: []
 description: Learn how to use the WebView widget in FlutterFlow to display website content directly within your app.
+tags: [FlutterFlow, WebView, Navigation, Concepts]
 sidebar_position: 6
+keywords: [FlutterFlow, WebView, Navigation, Concepts]
 ---
 
 # WebView

docs/ff-concepts/state-management/generated-code.md

@@ -1,10 +1,13 @@
 ---
-slug: generated-code
+slug: /concepts/state-management/generated-code
 title: Generated Code
-tags: []
+description: Learn about the state management used in FlutterFlow's generated code.
+tags: [FlutterFlow, Generated Code, Concepts, State Management]
 toc_max_heading_level: 5
 sidebar_position: 5
+keywords: [FlutterFlow, Generated Code, State Management, Concepts]
 ---
+
 # State Management
 
 FlutterFlow manages state in several ways, depending on the scope.

docs/ff-integrations/_category_.json

@@ -0,0 +1,7 @@
+{
+  "link": {
+    "type": "generated-index",
+    "slug": "/integrations",
+    "title": "Integrations"
+  }
+}

docs/ff-integrations/analytics/_category_.json

@@ -0,0 +1,3 @@
+{
+  "label": "Analytics"
+}

docs/ff-integrations/analytics/google-analytics/_category_.json

@@ -0,0 +1,3 @@
+{
+  "label": "Google Analytics"
+}

docs/ff-integrations/Analytics/google-analytics/getting-started.md → docs/ff-integrations/analytics/google-analytics/google-analytics.md

@@ -1,5 +1,7 @@
 ---
+id: getting-started
 title: Getting Started
+slug: '/integrations/google-analytics'
 ---
 
 # Google Analytics