i already made couple of Nuxt RND (universal and spa) application.
Now i want to turn those application into native mobile app.
Vue native is one option,but i just want keep everything in a shape with SSR mode
Please give me your valuable suggestions
Thanks Everyone,
Thanks in advance :)
You can also take a look at Capacitor by Ionic, which enables you to build Hybrid apps. It will basically take your built UI, bundle that inside generated native apps and render it through WebView. After you install Capacitor and run npx cap init you might need to set the directory of your built web assets inside capacitor.config.json to "webDir": "dist".
Related
I am using VueJS in Laravel for Frontend Development and its working properly. Can I use the same VujeJs frontend code to create Android App. If yes then what will be the steps?
I do not know how to use Native in Laravel VueJS SPA to create Android App
Simplest way would be to migrate your app towards Nuxt and use the following Ionic module: https://github.com/nuxt-modules/ionic
That way, you'll be able to get SSG/SSR and also deploy it on Android thanks to the Webview wrapping thanks to Ionic.
Laravel is not really part of the plan tho. You probably need to check if you can extract the Vue part or see how to use Ionic with Laravel.
I have a react-native App which is not using Expo and runs on android and iOS. Is it possible to make it run on Web? I found multiple projects for this purpose but I am not sure if those projects are aimed to be used only with Expo projects or not. I use multiple android and iOS modules in my app, I can't imagine how those modules will be converted to run on web. Any advise? Is what I am trying to do is even possible?
If you're using native modules with android or IOS specific functionality then you'll have to find a replacement that supports web, (or keep them and use something else for web).
Also no need to stay away from expo modules, expo modules can be used outside of expo too, here's how you can set them up: https://docs.expo.dev/bare/installing-expo-modules/
I'd suggest you listen to some of Fernando Rojo's talks about this:
https://www.youtube.com/watch?v=0FfvIuSouTU&ab_channel=SoftwareMansion
I am building a mobile app using react-native/ expo, and I was wondering if there is a way to drop support for the web, so the app cannot be run in a web browser?
Web JS code is automatically stripped when bundled for other platforms. You can still disable the ability to open automatically from the Expo CLI by defining the platforms array in the app.json and only adding ios and android.
You can always remove react-dom and react-native-web from the package.json, this will be the default in the future since the CLI can automatically add them if needed.
I have an expo react native project which works perfectly fine on every android device that I have tried.
but when I tried to build a pwa version of the project with expo build:web , the components renders in a totally wrong position and the output is not acceptable at all.
I want to know if anyone has the same problem with expo web builds, and how you manage to fix this problem.
is there any way that I change the implementation of the web application without changing the output of android app?
thank you all.
Did you try to use Platform Specific Code with https://reactnative.dev/docs/platform-specific-code
With your situation, it will be something like this
HeaderBar.js # Webpack, Rollup or any other Web bundler
HeaderBar.native.js # React Native bundler for both Android and iOS (Metro)
HeaderBar.android.js # Android only
We are planning to develop a web application and use react native framework.
We are bundle all the files inside a folder and start httpster to run the web-application.
Is that is the only way to run react native web apps or any other way?
for example, tomcat is a web app server and can we use the same and play framework has its own server and can be just run react files on play
In pre-requisites it says we just need the react js libraries.
Please let me know in detail.
Thanks
React Native is used for native mobile development.
For a webapp you can just use regular react.
https://facebook.github.io/react/