Skip to content
DevDisciplineNIGHT CITY NEVER SLEEPS
Blog+About
Loading
DevDiscipline
instagramlinkedin

© 2026 ALPARSLAN SELÇUK DEVELİOĞLU

Privacy Policy·Terms of Service

Leave your email. I will send new posts.

Blog+

Built for my own writing practice. Editor, SEO, multilingual — all in one.

See Details
Archive
SearchBlog+About
Publishing an iOS App with Capacitor, Vue.js, Quasar: My Funny-Sad Happy Story | DevDiscipline
Software17 min

Publishing an iOS App with Capacitor, Vue.js, Quasar: My Funny-Sad Happy Story

Logged: June 23, 2026

TL;DR

This post walks through publishing an iOS app built with Vue.js 3 and Quasar using Capacitor as the native bridge. It covers setup, dependency installation, browser testing, Capacitor sync, CocoaPods, and running on a simulator or real device. The steps also apply to other JS frameworks like React or Angular that use Capacitor.

  • Summary: A quick guide for those who don't want to read too much:
  • 1. Install the necessary software
  • 2. Install the project dependencies
  • 3. Install and update Capacitor CLI
  • 4. Add the iOS platform if it hasn't been added before
  • 5. Test in a browser before moving on to Xcode
  • 6. Synchronize capacitor changes
  • 7. Install CocoaPods dependencies to avoid Xcode errors
  • 8. Run on iOS simulator or real device
  • 1. Install the Necessary Software
  • 2. Install the Project Dependencies
  • 3. Install and Update Capacitor CLI
  • 4. Add the iOS Platform If it hasn't Been Added Before
  • 5. Test in a Browser Before Moving on to Xcode
  • 6. Synchronize Capacitor Changes.
  • 7. Install CocoaPods Dependencies to Avoid Xcode Errors.
  • 8. Run on iOS Simulator or Real Device
  • Simulator vs. Real Device: Which is Better?
  • Advantages & Disadvantages of Using an iOS Simulator
  • Advantages & Disadvantages of Using a Real Device
  • Conclusion: Should You Use a Simulator or a Real Device?
  • How does the command work?
  • Test Feedback and Solutions
  • 1. Some Buttons Not Working
  • 2. Buttons Hidden Under the Notch and Safe Area Issue
  • 3. Non-Responsive Components: Long Texts, Plains, Plateaus
  • 4. iOS-Specific Push Notification Error: Failed to Get Instance FirebaseID
  • Solution 1: Manually request push notification permissions
  • Solution 2: Change the FirebaseAppDelegateProxyEnabled setting
  • Simulator vs. Real Device Tests: Situations Where Things Work in the Simulator but Fail on the Real Device
  • Publishing an iOS App: Xcode and Apple Developer Account Settings for Frontend Developers
  • 1. TestFlight testing process
  • App Store Requirements & TestFlight
  • My Dearest Team ❤️

Contents

  • Summary: A quick guide for those who don't want to read too much:
  • 1. Install the necessary software
  • 2. Install the project dependencies
  • 3. Install and update Capacitor CLI
  • 4. Add the iOS platform if it hasn't been added before
  • 5. Test in a browser before moving on to Xcode
  • 6. Synchronize capacitor changes
  • 7. Install CocoaPods dependencies to avoid Xcode errors
  • 8. Run on iOS simulator or real device
  • 1. Install the Necessary Software
  • 2. Install the Project Dependencies
  • 3. Install and Update Capacitor CLI
  • 4. Add the iOS Platform If it hasn't Been Added Before
  • 5. Test in a Browser Before Moving on to Xcode
  • 6. Synchronize Capacitor Changes.
  • 7. Install CocoaPods Dependencies to Avoid Xcode Errors.
  • 8. Run on iOS Simulator or Real Device
  • Simulator vs. Real Device: Which is Better?
  • Advantages & Disadvantages of Using an iOS Simulator
  • Advantages & Disadvantages of Using a Real Device
  • Conclusion: Should You Use a Simulator or a Real Device?
  • How does the command work?
  • Test Feedback and Solutions
  • 1. Some Buttons Not Working
  • 2. Buttons Hidden Under the Notch and Safe Area Issue
  • 3. Non-Responsive Components: Long Texts, Plains, Plateaus
  • 4. iOS-Specific Push Notification Error: Failed to Get Instance FirebaseID
  • Solution 1: Manually request push notification permissions
  • Solution 2: Change the FirebaseAppDelegateProxyEnabled setting
  • Simulator vs. Real Device Tests: Situations Where Things Work in the Simulator but Fail on the Real Device
  • Publishing an iOS App: Xcode and Apple Developer Account Settings for Frontend Developers
  • 1. TestFlight testing process
  • App Store Requirements & TestFlight
  • My Dearest Team ❤️

Do not miss new posts

I can send notes like this by email. No noise, just new posts.

Frequently Asked Questions

▸What software do you need to build an iOS app with Capacitor and Vue.js?

You need Xcode, Visual Studio Code, and Git installed on a Mac. You also need to install project dependencies with npm, set up Capacitor CLI globally, and add the iOS platform using 'npx cap add ios' if it hasn't been added yet.

▸Does this Capacitor iOS workflow work for React or Angular, not just Vue.js?

Yes. Since Capacitor is a framework-agnostic native bridge, the core errors and solutions described apply to any JavaScript framework using Capacitor, including React, Angular, and Next.js. Each framework may have its own Capacitor plugin like @capacitor/react or @capacitor/angular, but the fundamentals are the same.

▸Why should you test in a browser before running your Capacitor app in Xcode?

Testing with 'quasar dev' in the browser first helps catch Vue.js or API errors early, before wasting time debugging on the iOS side. It's faster to fix issues in the browser DevTools than to troubleshoot them inside Xcode or on a device.

Software Engineering Series

#1Opening 11 Million Character HTML in a Mobile WebView: Virtual Chunking#1You Can’t See, But You Can Feel It: The Golden Ratio#1An Android Developer’s Encounter with Quasar and Vue.js#1A Document-Based Legal AI That Can Say "I Don't Know"#1Vibe Coding for 10 Years Experienced Software Developer#1The Moment My Ex-Manager Was Rightfully Angry at Me : Dagger Hilt and the DI Lesson#1Publishing an iOS App with Capacitor, Vue.js, Quasar: My Funny-Sad Happy Story// reading
Series Index: 7 entries recordeddev_discipline://series_meta
#capacitor vue.js#publish ios application#ios app publishing#frontend development#app store submission 2026#capacitor#quasar framework

You May Also Like

An Android Developer’s Encounter with Quasar and Vue.js
Software

An Android Developer’s Encounter with Quasar and Vue.js

4 minJune 17, 2026
Opening 11 Million Character HTML in a Mobile WebView: Virtual Chunking
Software

Opening 11 Million Character HTML in a Mobile WebView: Virtual Chunking

9 minApril 18, 2026
You Can’t See, But You Can Feel It: The Golden Ratio
Software

You Can’t See, But You Can Feel It: The Golden Ratio

11 minJune 7, 2026