DEV Community

Cover image for From Website to Mobile App: How I Used Capacitor to Build an Android App
NexDam
NexDam

Posted on • Originally published at nexdam.it

From Website to Mobile App: How I Used Capacitor to Build an Android App

From Website to Mobile App: How I Used Capacitor to Build an Android App

Did you know you can turn your existing website into a native Android app without rewriting a single line of code?

What is Capacitor?

Capacitor is an open-source framework by Ionic that wraps your web app into a native mobile shell. It supports Android, iOS, and desktop.

Requirements

  • Node.js v22+
  • Android Studio
  • Your existing web project

Step 1 — Install Capacitor

npm install @capacitor/core @capacitor/cli @capacitor/android
npx cap init
Enter fullscreen mode Exit fullscreen mode

Step 2 — Copy Your Web Files

Copy your HTML, CSS and JS files into the www folder.

Step 3 — Add Android Platform

npx cap add android
npx cap sync android
Enter fullscreen mode Exit fullscreen mode

Step 4 — Build the APK

Open Android Studio:
Then: Build → Generate Signed Bundle / APK

Result

In less than an hour I had a working Android app from my existing website nexdam.it — no React Native, no Flutter needed.

The same approach works for desktop apps using Electron.

Top comments (0)