Low-Code API Endpoint for FlutterFlow Apps - n8n Workflow

FlutterFlow developers needing custom backend API logic.
Users who want to expose database or service data via a simple HTTP GET request.
Automation specialists building microservices using n8n templates.
Anyone looking to leverage n8n workflow capabilities for custom data retrieval.

This n8n workflow is designed for developers and automation specialists who need to quickly provision custom backend APIs without managing complex server infrastructure. By using this n8n template, you can turn any data source into a consumable API endpoint for mobile or web applications, specifically addressing the need for custom data retrieval in low-code platforms like FlutterFlow. The core value lies in using the robust capabilities of an n8n node to handle data fetching, transformation, and structured responses. This entire n8n workflow functions as a lightweight, scalable custom backend, streamlining the integration process.

The n8n workflow starts with the On new flutterflow call n8n trigger (a Webhook node). This n8n trigger is configured to listen for incoming GET requests, providing the custom URL that FlutterFlow will use.

1. Data Retrieval: Upon receiving the request, the workflow moves to the data source step (Customer Datastore placeholder). Users are expected to replace this n8n node with their actual database connector (e.g., PostgreSQL, Supabase, Airtable, or a custom HTTP request).


2. Data Structuring: The retrieved data is then processed by the insert into variable (Set) n8n node to encapsulate the data items under a specific key (students). This standardization ensures data consistency.


3. Aggregation: The Aggregate variable n8n node collects all individual data items generated by the upstream n8n node into a single collection item. This step is critical for formatting the response as a clean JSON array structure expected by most front-end applications, especially FlutterFlow.


4. Response: Finally, the Respond to flutterflow n8n node sends the fully formatted JSON payload back to the client that initiated the n8n trigger, completing the API call cycle.

1. Import the n8n template: Copy the provided JSON and import it into your n8n instance.


2. Configure the n8n Trigger: Open the On new flutterflow call Webhook n8n node. Copy the generated Webhook URL. This is the endpoint URL you will configure within your FlutterFlow API setup.


3. Replace Data Source: The Customer Datastore (n8n training) n8n node is a placeholder. Replace it with your actual data retrieval logic. This could be a database n8n node, an HTTP Request n8n node, or any other data source needed for your custom API.


4. Activate: Ensure the n8n workflow is active to allow the n8n trigger to listen for incoming requests.

This n8n workflow utilizes several key nodes to achieve its goal:

On new flutterflow call (Webhook n8n trigger):
Function: Serves as the entry point and n8n trigger for the API. It listens for incoming HTTP GET requests from the FlutterFlow application.
Key Configuration: Response Mode is set to Response Node, ensuring the final step handles the HTTP response.
Customer Datastore (n8n training):
Function: Placeholder for your actual data source. In this n8n template, it simulates retrieving data using the getAllPeople operation.
insert into variable (Set n8n node):
Function: Used for data manipulation, specifically renaming or mapping the incoming data structure. It assigns the upstream data output to a new key named students.
Aggregate variable (Aggregate n8n node):
Function: A crucial n8n node for API formatting. It takes multiple output items (students) and consolidates them into a single JSON object containing an array under the aggregated field students.
Respond to flutterflow (Respond to Webhook n8n node):
Function: Sends the final processed data back to the originating client (FlutterFlow).
Key Configuration: Respond With is set to JSON, and Response Body uses an expression ={{ $json }} to return the output of the Aggregate n8n node.