Skip to main content

​
View Your App

Bfloat provides multiple ways to preview your app during development, depending on whether you’re building a web or mobile application.

​
Web Apps

For web applications (Next.js, Vite), you can preview directly in the browser:
  1. Click on the Preview panel in your project workspace
  2. Your app will load in an embedded browser window
  3. Changes are reflected in real-time as you develop

​
Mobile Apps (Expo)

For mobile applications, you have two preview options: Preview your app on a real device for the most accurate experience:
  1. Download the Expo Go app on your mobile device:
  2. In your Bfloat project, click the View on Device button
  3. Scan the QR code:
    • iOS: Use your phone’s Camera app
    • Android: Use the Expo Go app’s scanner
  4. Your app will load on your device with live updates

​
Via Browser Preview

You can also preview Expo apps in the browser:
  1. Click on the Preview panel
  2. The app renders using Expo’s web support
  3. Useful for quick checks, but device preview is more accurate for mobile-specific features
Preview

​
Preview Features

​
Live Reload

Changes you make in chat or code are automatically reflected in the preview.

​
Console Logs

View debugging output and errors in the browser’s developer console.

​
Device Features

When using Expo Go, you can test device-specific features like:
  • Camera access
  • Push notifications
  • Location services
  • Native gestures

​
Troubleshooting

​
QR Code Not Scanning

  • Ensure your phone and computer are on the same network
  • Try refreshing the QR code in Bfloat
  • Make sure Expo Go is up to date

​
Preview Not Loading

  • Check the browser console for errors
  • Verify your project builds successfully
  • Try clearing the preview cache

​
Next Steps

Once you’re happy with your app:
  1. Configure project settings for production
  2. Publish to web for instant deployment
  3. Publish to iOS or Android app stores