Replit is an AI-powered app builder that lets you create web applications using natural language prompts. It's designed for no code/low code users, indie founders, and small teams who want to build and iterate on UI-focused apps quickly.

Key features

Agentic development: Build your Replit app by prompting your AI agent using simple language.
Design iteration: Use Replit's design mode to experiment and iterate on your app's design in real-time.
Zero-Setup Cloud IDE: Replit runs entirely in the browser, removing the need for local setup, You can easily switch between Replit and the Median App Studio when building your app.
npm Package Support: Your Replit agent can install npm packages including the Median JavaScript Bridge library.

How Median.co works

Median converts your Replit web app into iOS and Android apps using its WebView approach. Your web app, built with Replit, runs inside a native "shell" that Median provides. This shell connects your web code to device features like push notifications, haptics, and biometric authentication using Median's JavaScript Bridge.

When you are ready to launch on iOS, you can:

Connect your Apple Developer account in Median App Studio
Set Upload to App Store Connect to Automatic
Test the uploaded build in TestFlight
Submit it for App Review

You do not need to rewrite your Replit app in Swift, build it in Xcode, or upload with Apple Transporter for the standard publishing workflow.

What you'll learn

This guide will walk you through converting your Replit app to a native mobile app and optimizing it for the best mobile experience.

Median Integration Guide

This guide is structured in 3 parts:

**Part 1: Tutorial - Build a password vault app with Replit and convert it to a mobile app with Median
**Part 2: ** - Set up OneSignal and implement advanced notification features
Part 3: Haptic Feedback - Add tactile feedback to improve user experience

App Optimization Best Practices

You'll understand best practices for:

Mobile-responsive design principles
Touch-friendly interface design
Mobile performance optimization
Form and navigation optimization for mobile

Example Prompts

You'll get ready-to-use AI prompts for:

Adding the Median JavaScript Bridge to your project
Adding haptic feedback to a button
Adding a native QR/Barcode scanner
Making your app mobile-responsive

Prompt Best Practices (Median-Specific)

You'll learn how to:

Structure your prompts for the Replit AI
How to avoid AI "hallucinations" by providing documentation
Test and validate the code your AI agent generates

Frequently Asked Questions

How do I turn my Replit web app into a native app?

All you need is the public URL of your Replit app. Paste this in the Website URL field of the Median App Studio. You can launch the app on the app studio simulators or build it on a mobile device.

Can I publish my Replit app to the Apple App Store and Google Play?

Yes. When you are ready to lauch your app check out Median's Publishing Guide article.

Does Median work with .replit.app URLs?

Yes. Median accepts .replit.app URLs and custom domain URLs. Paste the public URL of your Replit app into the Website URL field in the Median App Studio. See this guide to learn how to publish your Replit app and find your app's public URL.

Do I need to rebuild my Replit app in React Native?

No, your Replit app codebase stays the same. You only need the public URL of your Replit app. See the Median architecture overview to learn how Median's apps work.

How is a Median native app different from a Replit PWA?

A PWA is still a web application users add to their home screen as a URL bookmark. It doesn't directly integrate with the native device features and cannot be published to app stores.

Median wraps your Replit web app in a native mobile app. This gives your app access to native device features through Median's native plugin library. Median also provides the native source code required to publish your app to the Apple App Store and Google Play.

Can I add push notifications to a Replit app?

Yes. First, add the Median JavaScript Bridge in your Replit project. Then, connect OneSignal to your app. Use OneSignal to register users and to send push notifications. See Add Push Notifications To Your Replit App for step-by-step instructions.