How did i convert my lovable made website into an app
I built a full website on Lovable, and now it’s turning into a full-blown Android app, getting published on the Google Play Store.
Step 1: Build Your Website on Lovable
I used Lovable to build the actual site. It’s super beginner-friendly — literally just chat with the AI, and it designs your whole site.
Once I had the site working exactly how I wanted it to, I moved to the next step: turning it into an app.
Step 2: Create a manifest.js File (This Is Important)
Now this step is crucial if you want your app to be accepted on the Play Store.
To make any web app function like a native app (especially for publishing), you need to add a file called manifest.js (sometimes it's a manifest.json — both work depending on your builder).
This file basically tells Android what your app is — things like:
- Your app’s name
- Short name (for the home screen)
- Description
- Starting page (usually / or your homepage URL)
- Background color, theme color
- Icons (in 192x192 and 512x512 sizes)
How it should display (we use standalone so it feels like a native app)
Now here’s how I created mine:
I went back to Lovable and pasted this prompt ⬇️
"Generate a complete manifest.js file to convert my website into a Progressive Web App (PWA) ready for publishing on the Google Play Store. Include app name, short name, description, start URL, display mode (standalone), theme and background colors, icons (192x192 and 512x512), and make sure it meets Play Store PWA requirements."
Lovable gave me the full file. I just added it to the code editor inside Lovable, saved it, and that’s it.
Step 3: Turn It Into an Actual App Using Median.co
Now that the website and manifest were ready, it was time to package it as an Android app.
So I headed over to Median.co —
Here’s what I did:
Pasted the link to my Lovable website.
It converted it into a PWA (Progressive Web App).
I tested the app on my mobile to make sure everything worked properly — links, design, loading time, etc.
Then clicked Build → Build for Play Store
If your manifest.js is correct and your site works fine, Median will generate a ZIP file containing:
.apk file (for installing manually)
.aab file (required for Play Store submission)
Your keystore (used for signing the app, which is mandatory)
It even lets you download and test the app on your phone instantly. Pretty cool.
Step 4: Submit the App on Google Play Console
If you haven’t already, you’ll need to create a Google Play Console developer account (one-time fee, ₹25 USD).
Then:
Click Create a new app
Fill out the app details (name, category, description, etc.)
In the “App Bundles” section, upload the .aab file generated by Median
Upload the key or sign the app if required (Median handles this automatically in most cases)
There’ll be a few other things to fill like privacy policy, screenshots, etc., but they walk you through each step.
Step 5: Final Checks & Go Live 🚀
Once you’ve uploaded everything and completed the checklist:
Double-check your app details
Ensure your screenshots match your app
Add proper content rating
Fill in store listing info
Submit for review
After that, Google will take a day or two (sometimes more) to review your app, and then boom — it’s live on the Play Store!
Final Thoughts
This whole process took me maybe a couple of hours, max.
No coding, no
Just:
Build on Lovable
Add the manifest.js
Package on Median.co
Upload to Play Store
That’s it.
there are more methods of going about it like using Google made bubblewrap or using pwabuilder but i found this method better
