Uiflow
Changelog
Partners | Freshworks
Search
⌃
K
Links
Get started
Welcome to Uiflow!
What is Uiflow Studio
What can I build in Uiflow?
How do I start using Uiflow?
Logic flows from a code perspective
Uiflow 101 tutorial
Uiflow Studio overview
How to navigate workspace views
Pages tab
Variables tab
Components overview
Nodes & node wires
Layers
Studio tips & tricks
Pricing (Subscription tiers)
FAQ
Create your app
Build a project from scratch
Start from a project template
Import frames from Figma (Alpha)
Design your app
Get started: Design your app
Design best practices
Design view
Choose your Design components
Configure your Design components
Add app connections & data
Get started: Connect external data
Connect tab (web projects only)
Manage connections with Data logic components
Auth tab
How to set up user authentication
Build app logic
Get started: Structure app logic
Environment Variables
Logic view
Choose your Logic components
Logic build concepts
Preview & debug your app
Get started: Preview your app
How to test data as you build
Modify breakpoints
Debug an app
Deploy your app
Get started: Deploy your app
Add a custom domain
Domain registrars
App admin & management
Live collaboration (Beta)
Workspace management
Version history
Build basic features
Build application tabs
Build a modal
Create Forms to retrieve user data
Create Forms to submit user data
Sample application tutorials
Build multi-page apps
Build an FAQ with a Toggle component
Build a waitlist app
Build a simple todo list application
Build a store application
Create a home page layout
Build product pages
Populate your store with an API
Build custom Studio components
Install the Uiflow CLI package
Custom component best practices
Create a component
(Optional) Generate a component using AI
(Optional) Extend a component
Test a component
Publish a component
Custom component types
Custom component versioning
Custom component reference guide
Component references
Component Info screen
Authentication components
Connections Catalog
Freshworks
Overview
Freshdesk
Freshservice
Browser tools to debug a Freshworks app
Tutorials
Freshservice
Learning & support
YouTube tutorials
Discord (customer support)
Report a bug
Request a feature
Contact us
Stay informed about Studio
Newsletter
Changelog
Product roadmap
Powered By
GitBook
Build a store application
This tutorial outlines how to build a store application. It's divided across three pages that explain how to:
1.
Create a home page layout
2.
Build product pages
3.
Populate your store with an API
At the end of the tutorial, you will have a completed store app that looks like this:
Previous
Store tasks in a database
Next
Create a home page layout
Last modified
13d ago
