Skip to content

web-preview.md

Latest commit

 

History

History
39 lines (26 loc) · 2.13 KB

web-preview.md

File metadata and controls

39 lines (26 loc) · 2.13 KB
Raw
title Web Build and Web Previews
previousText Project Creation and Git
previousUrl /docs/appflow/tutorial/start
nextText Building for Native 101
nextUrl /docs/appflow/tutorial/android
tableOfContents true

Next up, we'll explore Web Previews, which allow you to quickly share the web version of your app with your coworkers, stakeholders, and more.

Check out this branch of this tutorial's app repository to compare your starter project and make changes if necessary.

Preparing a web build and Web Preview

Now that you have created a new App and have commits visible in your Appflow Dashboard, you can prepare a web build then view it as a Web Preview. There are two ways to create a web build:

  • Click the Start build icon from the Commits tab. Appflow-build-from-commits
  • Click the New build button in the top right from the Build > Builds tab. Appflow-build-new-build
  1. Select the Initial Commit and then select "Web" as the target platform then toggle "Web preview." Next, select the latest build stack. Appflow-trigger-web-build
  2. Click build and the logs for the web build will appear. Once the build is successful, you can click the preview button to view the preview of your first Starter Application.

Appflow-build-success-preview

Now, you can see the web preview of your starter project.

Appflow-starter-web-preview

Notable Web Preview Features

  • You can share your Web Preview with ease using the share feature (top-right). This can help expedite the development and design review process.

  • For better UI Interaction using a device, scan the QR code (bottom-right) with any Android/iPhone camera to view the same web preview in your device browser.

  • To learn about Web Previews, see here.