Quickstart

🚀

Build Your App in Just 10 Minutes!

Follow our Quickstart guide and create your own app in minutes: median.co/new

Step 1: Enter Basic App Information

To create your app, provide the following details:

  • Website URL: This will be the initial URL loaded when the app starts. Ensure your website is mobile-optimized for the best user experience. The URL can be updated at any time.
  • App Name: A default name will be suggested based on your website’s title, but you can update it at any time.
  • Contact Email: A valid email is required to manage your app and team access.

Once you've confirmed the details above, click "Start Building My App!" to generate your app preview and begin customization. You will be sent an email with your private management link so you can return to your app if you closed the browser tab or window.

[median.co/new](https://median.co/new) - App Creation

median.co/new - App Creation

Step 2: Configure Your App

Now that you've created your first app you can customize the following sections.

Branding

Branding will allow you to customize to bring your brand identity to life in your mobile app, you can configure

  • App Icons
  • Splash Screens
  • Theme colors
  • Status and Navigation Bar color schemes

We recommend browsing the Branding section for detailed overview of each configuration option.

Link Handling

Link Handling allows you to configure how internal and external links of your application are displayed to the user. Our menu supports regular expressions to allow you the customization of a wide range of URLs, offering flexibility and customizability.

Interface

Interface configuration allows you to customize the user interface and user experience when using your app. You can customize the behavior of your app with regards to accessibility, localization, gestures as well as configuring the experience for users that are 'offline'.

Website Overrides

Web Overrides allow you to control how your website is presented within your app and how your app sends requests to your web server. Configure custom User Agents, HTTP Request Headers to power your analytics and backend or inject CSS and JavaScript at runtime.

You may also apply custom CSS rules through your server - we recommend our Detecting App Usage article for helpful techniques and code snippets.

Permissions

Permissions is your central menu for managing app permissions and allows you to request user consent for native device features that are locked by user consent. You can easily request access for:

  • Apple App Tracking Transparency (ATT)
  • Camera, audio, and video permissions
  • File downloads

Additionally, you can customize your consent request to educate your users on how you are using their data leading to a higher acceptance rate.

App Build

At this stage, you have a fully functional app prototype and you can:

  • ✅ Test your app using our online simulators.
  • ✅ Build your app via Build & Download > Build All.

🏁

Your App is Ready!

Congratulations! Your app is now set up and ready to use.

Next, explore our recommended next steps to enhance the mobile experience and unlock more features.

Next Steps

Now that you've made your app in the Median App Studio, you can explore the following resources to enhance the user experience, and optimize your web experience for mobile usage.

Detecting App Usage

Learn how to detect when your website is displayed inside a native iOS or Android app versus a standard browser.

Our Detecting App Usage guide covers identifying the user agent, setting custom HTTP headers, and serving app-specific content. These techniques will allow you to tailor and enable app-only features, track analytics, and optimize the user experience.

Native Navigation Menus

Native Navigation enhances your app by delivering a familiar user experience consistent with leading iOS and Android applications. With support for custom Icons, localization and configuration at runtime they are a flexible and performant component to enhance your app.

Additionally, our native UI menus align with Apple and Google design best practices:

Native Functionality

Push Notifications

Push notifications are a powerful tool to drive user engagement. Learn more about our supported providers in our Push Notification Overview. Our default push notification provider OneSignal offers Median customers free unlimited push notifications for iOS and Android apps.

Learn more about OneSignal and Median here.

Median JavaScript Bridge

The Median JavaScript Bridge is an API embedded in your app that allows your website to dynamically control and configure your native app, and to access mobile device native functionality and hardware. Web developers can use this library to build full-feature native apps leveraging existing web content and skill sets, and without requiring any native development expertise.

Median offers a widely-used NPM Package that simplifies development when using front-end JavaScript frameworks, such as Angular, React and Vue.js. We recommend reviewing our documentation on Listeners and SPA Navigation to ensure you make the most of the capabilities and ensure a high quality experience for end-users.

Native Plugins

Native Plugins supercharge your app with access to native device hardware, functionality, and third-party services by implementing third-party SDKs. We recommend browsing our Native Plugin Library for an overview of the different plugins available.

Build & Test

Ready to test your app? Explore our Build & Test Overview to learn about build and test configuration, and the suite of tools available to test all of the components of your app.

Publishing

Once you've tested your app, we recommend our Publishing Guide and Publishing Service to publish your app on the Apple App Store and Google Play Store.