Buzzy Documentation
  • Welcome to Buzzy
  • Getting Started with Buzzy
    • Getting Started Guide
      • 1. Starting with Buzzy AI
      • 2. The Buzzy Workspace
      • 3. Create a new app
      • 4. Preview and edit your app
      • 5. Manage your app
      • 6. Import your app to Figma
      • 7. Using Buzzy with Figma
      • 8. The Buzzy Figma plugin
      • 9. Creating a simple app
      • 10. Screens and navigation
      • 11. Forms, fields and data
      • 12. Data-driven menus & content
      • 13. Data edit and delete
      • 14. Search, sort and filter
      • 15. User login and registration
    • Buzzy AI or Figma first?
  • Working with Buzzy
    • Buzzy AI
      • About Buzzy AI
      • Kickstart with AI
      • Enhance with Figma
      • Extend with Code
      • Example prompts
      • Tips
      • Troubleshooting Buzzy AI
      • AI tokens and pricing
    • Buzzy for Figma
      • About Buzzy for Figma
      • Learning Figma
      • Creating a new app directly in Figma
        • Step by step version
      • Automarkup
      • Responsive layouts
      • Responsive layout checklist
      • Overflow and scrolling
      • Forms and fields
      • Images and galleries
      • Logging users in to your app
      • Theming
      • Troubleshooting Buzzy for Figma
      • Plugin error messages
    • Buzzy Deployment & App Stores
      • Setting up your custom Buzzy app
      • Connecting your own server
      • Apple & Google App Stores
    • Buzzy Marketplace
      • Buzzy Accreditation
    • Buzzy Project Guide
    • Buzzy App Examples
      • Buzzy Templates
      • AI-Powered Chat App
      • AI-Powered Custom T-Shirt App
      • AI-Powered Strategy App
      • AI-Powered Stock Portfolio App
      • Golf Course Finder
      • Personal Finance App with Figma AI
    • FAQs
  • The building blocks
    • Datatables, Fields & Data
      • Introduction to Fields
      • Basic Fields
        • Text
        • Number
        • Date
        • Location
        • Toggle
        • Checkboxes
        • Checklist
        • Selectlist
        • Rating
        • Attachments
        • Images
        • Signature
        • Audio Recording
        • Embedded Link
      • Advanced Fields
        • Formula
        • Sub tables
        • Linked Table field
        • Button
        • Teams
        • Payment
        • Notification
        • Event
        • User Vote
      • Display Fields
        • Header
        • Display Text
        • Image
        • Divider
      • Metadata Fields
        • Author Name
        • Author Phone
        • Submitted
      • Filter Controls
        • Viewers
        • Tags
        • Condition
      • External Fields
        • IBM Connections File
        • Box File
      • Sort Fields
      • Formulas
      • Datatable to Datatable Relationships
      • Security and Access Control
      • Displaying a field based on the values of other fields
      • Hiding a field based on role using a display formula
      • Importing data from a text file
      • Importing data from a URL
      • Import data from Datatable
      • Export data using Chrome
      • Export data in Browser
      • Export data using Safari
      • Datatable Field Type - Cheat Sheet
      • Troubleshooting Fields & Data
    • Code widget (custom code)
      • Code Widget Fields - Advanced Guide
      • New Async API + React HTML Components
      • Examples
        • Image Galley Slideshow
        • Ratings Average and Distribution
        • Event Locations Map
    • Analytics
  • Troubleshooting
    • App Error Codes
      • Action Error
      • App Not Found
      • Component Missing
      • Component Not Set
      • Component Settings Error
      • Datatable Not Found
      • Datatable Not Set
      • Field Not Found
      • Field Not Set
      • No App Selected
      • No Context Name
      • No Screens Found
      • Runtime Exception
      • Screen Not Found
      • Screen Not Set
    • Troubleshooting Buzzy AI
    • Troubleshooting Figma
  • REST API
    • Buzzy REST API
      • Integrating 3rd party applications
      • REST API
        • login
        • createappwithprompt
        • MicroApp Data Operations
          • microappdata
          • microappdata/row
          • insertmicroapprow
          • updatemicroapprow
          • removemicroapprow
          • microappchild
        • User & Organization Operations
          • userid
          • insertteammembers
          • teammembers
          • insertorganization
          • insertteam
        • enforceteammembership
      • Node.js API Client
      • Datatable Rules
      • Datatabledata Tutorial
      • Integrating with Mailchimp
      • Python Access Datatable
  • Advanced Deployment Settings
    • Installation
      • Pre-installation Planning
      • Deployment
        • Introduction to deployment
        • Minikube install guide
        • AWS ECS Fargate install guide
        • HCL Connections install guide
        • Azure AKS install guide
        • Windows container install guide
      • Buzzy settings
      • Whitelabelling Buzzy
      • Certificates
      • Release Management
    • Performance and Reliability
    • Security
      • Platform
      • Users and Roles
      • Datatables
      • Audit Trail
Powered by GitBook
On this page
  • Custom code widgets
  • Examples
  • Rest API
  • Examples
  • Datatable Rules
  • Examples
  • A real live app example - with code snippets!
  1. Working with Buzzy
  2. Buzzy AI

Extend with Code

Scale the app with advanced features, integrations, and customizations.

PreviousEnhance with FigmaNextExample prompts

Last updated 5 months ago

Purpose: Expand the app's capabilities and scale for production.

How It Works: Utilize custom code widgets, integrate external REST APIs, or connect with other tools and services to create a robust, scalable application. Buzzy AI can help you generate code widgets, or you might call on a developer at this point - see the for options!

Key Features: Scalability, third-party integrations, advanced security, and compliance features.

Outcome: A full-stack, production-ready application hosted on a secure Kubernetes infrastructure.

For more complicated integration and extensions, it helps to have some dev skills (or access to someone who does)! If you find this daunting or are getting stuck, you might want to call on an expert via the .


Custom code widgets

Custom code widgets allow you to embed custom code in your Buzzy app. Use embedded markup for static html or SVG, a sandboxed iframe if you have custom code (eg JavaScript), or a trusted iframe to embed media such as Youtube or Vimeo.

There are three different ways of using code widgets in your app when it comes to having them present or process app data:

  1. Using data from the current row

  2. Using data from a child table in a custom format

  3. Using data from another table or tables

Learn more about using Buzzy code widgets here:

Examples


Rest API

The Buzzy REST APIs (which are a type of web API) involve requests and responses. You make a request to a resource stored on the server, and the server responds with the requested information. The protocol used to transport the data is HTTP(S). “REST” stands for Representational State Transfer.

Learn more about The Rest API here:

Examples


Datatable Rules

Datatables provide the ability to fire rules on events (eg update, click , new row created) that allow Actions to be called.

Examples


A real live app example - with code snippets!

Beginning life as an idea turned into a prompt turned into a simple MVP via Buzzy AI, which was extended with an AI-powered recommendations engine, the is a great example of the Buzzy Kickstart/Enhance/Extend process. Get the low-down here:

Buzzy Marketplace
Buzzy Marketplace
Code widget (custom code)
Image Galley Slideshow
Ratings Average and Distribution
Event Locations Map
Buzzy REST API
Integrating 3rd party applications
Integrating with Mailchimp
Datatable to Datatable Relationships
AI Strategy Plan App
Building the AI Strategy App with Buzzy: A Case Study (Part 1)Buzzy
Building the AI Strategy App with Buzzy, OpenAI, and MongoDB: A Behind-the-Scenes Look (Part 2)Buzzy
Logo
Logo