Ionic Vue, Build And Deploy Mobile App With Konsta UI and Ionic Capacitor

How to Build And Deploy Mobile App With Konsta UI, Vue, and Ionic Capacitor #konsta #capacitor #vue Shows how to build a deploy a mobile app using vite vue konsta UI and ionic capacitor from start to finish running on an ios simulator. Capacitor is an open-source native runtime for building Web Native apps. Create cross-platform iOS, Android, and Progressive Web Apps with JavaScript, HTML, and CSS. Konsta UI is a library of pixel perfect mobile UI components built with Tailwind CSS With iOS and Material Design components for React, Vue & Svelte We create a tabs UI with a detail page showing how to create nested routes in vue using vue router /// Sign Up For Our Newsletter​ https://buff.ly/3lAk2jL 💥 Chapters -------------------------- 00:00 - Intro 00:38 - Setting Up Environment 03:34 - Initial Test For Tailwind / Konsta UI & Adding TailwindConfig 07:40 - Adding First Konsta UI Component 09:36 - Add Router and Route Config 13:41 - Adding Components for Tabs and TabRoot 15:46 - Adding Konsta UI Tabs / Introducing Nested Routes 26:00 - Adding a Child Page to a Tab 31:50 - Adding Back Button to NavBar 33:30 - Deploying To Device Using Ionic Capacitor 36:45 - Test App on Phone 37:08 - Addressing the Issue of SafeArea 💥 Links -------------------------- Vite - https://vitejs.dev/ TailwindCSS Vue - https://tailwindcss.com/docs/guides/v... Konsta - https://konstaui.com/ Capacitor - https://capacitorjs.com/ /// SOURCE CODE https://github.com/aaronksaunders/vit... 💥 Social Media -------------------------- Twitter -   / aaronksaunders   Facebook -   / clearlyinnovativeinc   Instagram -   / aaronksaunders   Dev.to - https://dev.to/aaronksaunders #ionic #ionicframework #capacitor #vuejs #tabs #tailwindcss #konsta #tailwindlabs