Building mobile [android, ios] app from web app [Firebase Studio + react + next.js]

App Hosting
1

I have a web app, react next,js, and I would like to know the fastest and easiest method to build a mobile application from my existing web app. You dont have to write a long instruction, just tell me what resources to use.

4 Likes
2

I have the same plan for my web app. For now in theory I think that it should be possible after building the app in flutter to connect the app to the same project of the web app :grinning_face:

But I havent done anything yet. Since I have no previus experience with this Its possible that Im completely wrong :upside_down_face:

2 Likes
3

Hi,

For the fastest and easiest method, you should turn your existing Next.js web app into a Progressive Web App (PWA).

This allows users to “install” your application directly to their home screen from the browser. It’s the most direct route, giving you an app-like feel and offline capabilities by leveraging your current codebase.

1 Like
4

Oh @TimST Hey, thanks for the reply. Yes that would be something done in an hour, really helpful. I was thinking of a real mobile appl;ication that is downloadable from playsore, appstore.

Thanks

5

Ok, when you want it in the Appstores, maybe look for ‘Capacitor’ . Never used it, but read of it, as an easy way to put an Webapp to the Appstores.

3 Likes
6

I use Android Studio to do it.

7

@Ken_Houghton How do you convert your existing web app to work in Android Studio?

8

I pasted the URL into chat gpt and had it walk me through the process. I just uploaded my 2nd app to Google Play store yesterday for closed testing. The first time through, it told me to prepare an apk. I did that, but it was rejected, as they now require an aab instead. Good luck.

2 Likes
9

i’m also thinking about something like this for my web app. nice thread, i’m learning

1 Like
10

thank you that was really helpful

11

Just remember that when you are getting ready to prepare the app for uploading and it tells you to select APK, remind it that Google now requires an AAB. It did that to me on both my apps.

It’s a great learning process.

1 Like
12

btw what do you mean by you pasted the url into chargpt what url?

13

When you have your Firebase Studio app ready, go ahead and publish it. ( The big blue button top right of your screen ) it will give you the URL for your Firebase app. Copy and paste it in to Chat Gpt. I would guess Gemini would do the same, but I used Gpt.

2 Likes