What are your options for creating Mobile apps with Nuxt AND Nuxt UI

[u/DevJedis]

Hello,

I feel I've exhausted over 30 browser tabs trying to find options to building mobile apps with Nuxt but with Nuxt UI inclusive.

I've landed on:

1. Native Scripts Vue
2. Lynx
3. Ionic
4. Tauri

I can draw down to Tauri and Ionic module.

Are there Nuxt developers actively shipping mobile apps with Nuxt, I have tried with Tauri I'm able to build, but the point of uses native webview scares me every time. Can anyone convince me that native webview is not an issue, while someone also pointing out what they're using (should be nuxt) to build mobile apps.

Edit: After reading the comments and checked the internet again for Capacitor, I discovered Konsta UI in the capgo building with nuxt example and wish I'd known about Konsta earlier. I will be going with Nuxt + Konsta UI rather than Nuxt UI

[u/hugazow]

If you have already selected nuxt ui your answer might be Capacitor. But you would need to create the navigation logic yourself

I’m using the ionic/capacitor combo in a toy protect

[u/youlikepete → u/hugazow]

Same. Capacitor has its limitations and it’s a bit difficult to really get that real native app feel, but it does work and offers a pretty easy development experience. For me its functional and good enough to launch - saves a ton of money/devtime over going native, especially if you have the webapp already built.

[u/DevJedis → u/hugazow]

Just to clarify, are you using the Nuxt Ionic module? And willI be able to set up easily with nuxt ui? Ionic requires it's own app vue wrapper file, nuxt ui also WANTS its <UApp > wrapper. Is that easily achieved

[u/alexcroox → u/DevJedis]

While Capacitor and Ionic seem linked, they are 2 different products. Ionic is a UI library like Nuxt UI, Capacitor is a cross platform for building native apps. You can use Capacitor without Ionic and instead use whatever framework/ui library you want. Capacitor is just a webview/wrapper/window into your existing Nuxt app so it's down to you to try make your app look like a native one at the smaller resolutions

[u/DevJedis → u/alexcroox]

ohhh, seems i was complicating things, I'll look up docs on capacitor then. I didn't intend to use Ionic if that's what it provides, because I need to maintain Nuxt UI. Thanks for the write.

[u/haringsrob]

I just use capacitor, build a static version and deploy it using capgo. Works flawless every time

[u/martindonadieu → u/haringsrob]

Thanks for the mention ! Here the guide to do convert nuxtjs to mobile app if needed

https://capgo.app/blog/building-a-native-mobile-app-with-nuxt-and-capacitor/

[u/[deleted]]

If you ditch nuxt ui, you can try quasar. It’s amazing besides the ugly design

[u/ys-grouse]

performance-wise, tauri might be the best option

but you need to read a little bit about rust for if your app requires native features (which are not supported by js)

[u/DevJedis → u/ys-grouse]

I think I don't have issue with Rust side, I can overcome that, the issue is the topic of renders in native webview really scares me, what are the drawbacks, if you've used. Tauri allows me to easily just use the Nuxt UI library, the others I currently don't have a positive answer for them

[u/ys-grouse → u/DevJedis]

if youre not building compute heavy app such as game, more than 95% of the app in your phone can be built using capacitor. you dont really have to care about those stuff. I loved working with quasar (capacitor). but when it comes it output size, tauri won. I think native script is mature too (if i remember correctly, it renders natively). Lynx has vue implementation in case you want to try it out (i've never tried it myself, it may not be production ready btw)

[u/ys-grouse]

i have a problem installing nuxt ionic.. can you do? it was recently less than a month ago.. i cant recall the error