How to create a mobile application using Next JS

How to convert your Next JS application to Android and iOS in 5 clicks

With a real example, this tutorial will show you how to transform your web application developed in Next JS to iOS or Android using Capacitor. In my case, I have the following application:

• Database → MongoDB
• Backend → NodeJS / Express. Deployed in AWS.
• Frontend → React & Next JS. Deployed on Netlify.

In this tutorial, we will create both iOS and Android apps from the Frontend, as this app will connect to the Backend directly. So, the APK that we will develop will only contain the Frontend.

INSTALL CAPACITOR

To carry out this example, we need to have our Next JS application finished, and we only need to install Capacitor.

The Capacitor CLI requires NodeJS >=12.4.0. If you don’t have this version, you can update Node or download a new version using NVM. If this is your case, you can follow the following steps: https://heynode.com/tutorial/install-nodejs-locally-nvm/