How to Create an Ionic & Capacitor Mobile App From Scratch (FULL environment setup)

Creating an Ionic/Capacitor project from scratch can be painful, especially when it comes to setting up your (iOS and Android) development environment.

Install Xcode, Android Studio, SDK, JDK, deploy dependencies, choosing the right version, enable developer mode on Android, debug the apps, ...

And then, you have to learn how to use Ionic and Capacitor, how to create a new project, what is an Ionic component, how to install and use a native plugin, etc.

It can literally take days to setup a full environment...

...Except if you have this guide.

After years of experience building Ionic apps for companies, I mastered the secret of setting up development environment.

And I decided to write a full guide explaining all of this.

Here it is.

🧑‍🏫 What you will learn

Through screenshots, detailed explanations and code samples, you'll learn to:

• Setup an iOS development environment (install and use Xcode, deployment dependencies, cocoapods, etc.)
• Setup an Android environment (Android Studio, Android SDK Platforms and Tools, Java JDK, etc.)
• Use Ionic and Capacitor (UI components, native plugins, app theming, icon, splash screen)
• Create an Ionic project, build and run apps on devices, through terminal or your IDE
• Test and debugs apps

And even more!

Want to create a Cordova App instead?

No worries, I wrote a guide for this as well, just here! 😉