AWS App Studio | Complete Guide to AWS App Studio

Set up your AWS account and access AWS App Studio with easy create, log in with credentials, and provision resources to reach the admin hub.

Access the app studio via your organization's URL, log in with the credentials from the previous video to reach the admin hub, and start building apps in the next module.

Explore the three-part solution approach for building apps with AWS App Studio—user interface, automation, and data—and see how these elements drive UI, logic, and data workflows.

See how AWS App Studio uses Gen AI to generate an app from a prompt, including a vacation leave form and an HR dashboard for preview and publish.

Navigate the AWS App Studio development environment, exploring pages, automations, and data with real-time previews. See how components with properties form a tree-like structure and drive apps.

Learn to edit a vacation leave form using AWS App Studio's build with AI to adjust UI and add a notes field, while noting its current superficiality.

Publish your application by resolving an AWS action error, learn to configure connectors, and deploy through development, testing, and production environments with version 0.0.1.

Publish your application to a testing environment with a shareable URL, control access via IAM groups, and validate end-to-end functionality from data entry to dashboard.

Explore the AWS App Studio user interface, focusing on pages, navigation, visibility, and role-based access to build a property manager app from scratch.

Learn to design flexible layouts in AWS App Studio by arranging components in vertical and horizontal grids, adjusting padding, space between, and nesting layouts for dashboards and side panels.

Add components in AWS App Studio by configuring a vertical left navigation, text header, and multiple buttons with icons, while exploring component-specific properties and a future table data setup.

Create a new property form on a new page to collect address, city, purchase price in USD, property type, and notes, then submit to store data in a table.

Create a property entity in AWS App Studio and set up automation to add records on submit using address, city, purchase price, property type, and special notes.

Build a dynamic property form in AWS App Studio that triggers automation on create, using UI field values and parse int to add a new property to the table.

Learn to implement navigation in AWS App Studio using a side panel, navigate triggers, and back buttons to move between pages and use page parameters.

Move data from the database to the user interface with a data action that retrieves records. Display the json results in a data table with optional sorting and dynamic counts.

Create and filter a properties list using UI actions in AWS App Studio, building a page, adding data actions with rules to retrieve detached and townhouse properties, enabling user-driven filters.

Pass parameters into data actions to enable dynamic, user-driven filtering of properties via a property type parameter connected to a single-select UI control.

Explore building a repeater and repeating group to display database rows in a rich, non-table layout, using current item fields like address, city, property type, price, and actions.

Discover how to store image URLs in your data and display them with an image viewer in AWS App Studio, including content security settings and dynamic image sources.

Explore expressions in AWS App Studio that make components dynamic by linking text to inputs. Understand using the UI namespace, values, and functions like parse int, math, and current user.

Use conditional expressions to drive dynamic visibility based on user input, including parsing integers and evaluating whether the input exceeds 100 to show VIP messages.

Use expressions to access database data outside data components, pull UI table data, retrieve the first row's address and city, and update the display based on the selected row.

Create a detailed property page in aws app studio, learn to navigate from a list to a full record view, and fetch a single record using an address parameter.

Create a view action on the table to navigate to a detail page, passing the selected address as a page parameter; the detail page then displays the matched record.

Create and update records with a pre-populated update form in AWS App Studio. Learn to configure a data action that updates properties by address using update record automation.

Learn to build an update property form that triggers an automation, map user inputs to fields, and pass page parameters to prefill data on the update page using no-code tool.

Create an automation to delete a property record by address, using a where clause to target a row, and add trash icons to trigger it from detail and edit pages.

Explore building and linking multiple data sets in App Studio, including a many-to-many student-class relationship and a maintenance requests dataset linked to properties in DynamoDB.

Replace free-form address input with a dynamic single-select sourced from the properties table to ensure maintenance requests pre-fill with a valid address and update dynamically.

Learn how to build an automation in AWS App Studio that creates a new maintenance request from a form, generates a random order ID, sets default values, and stores data.

Link maintenance forms to a detail page, display property details with maintenance requests, and add new requests pre-populated by address using a data action.

Build a detail and update page for maintenance requests, wiring navigation, parameters, and data actions to view, assign, and update order id, cost, and date resolved.

Navigate the app to create, view, and update maintenance requests tied to properties. Pre-populate update forms, assign maintenance, and use automations to return to the previous page after submission.

Learn about theming in AWS App Studio and how to customize the look and feel by editing light mode or dark mode, with limited color options and accessibility safeguards.