Home / Blog / Quasar: Building Mobile, Desktop and Web Apps in Vue With ONE Codebase!
Quasar: Building Mobile, Desktop and Web Apps in Vue With ONE Codebase!

Quasar: Building Mobile, Desktop and Web Apps in Vue With ONE Codebase!

Luke Diebold
Luke Diebold
August 2nd 2024

Quasar is a VueJs framework that can build apps for mobile, desktop and the web. It comes with a meticulously crafted, material design component library… and documentation with loads of examples! And now…

the Quasar Fundamentals Course is coming to Vue School! 😱

No matter your Vue experience, Vue Schools Quasar Fundamentals Course will have you building for...

  • Web: quasar dev
  • Server side-rendering (SSR): quasar dev -m ssr
  • Progressive web application (PWA): quasar dev -m pwa
  • Windows, Mac, Linux: quasar dev -m electron
  • Android: quasar dev -m capacitor -T android
  • iOS: quasar dev -m capacitor -T ios
  • ... And even Browser Extension 😱: quasar dev -m bex

ALL that, and in record time!


Quasar also comes with a GORGEOUS meticulously crafted component library that works on all platforms! We're talking...

  • Over 72 components that work flawlessly on all platforms
  • A carefully thought out API, written with modern Vue 3
  • Tight IDE integration, so you can code for hours without having to check the docs...
  • Speaking of docs... code examples for just about everything!

We'll be covering many components in the course, and will go on a component rampage in the last couple of videos (you’re going to love that part)!

Most people come to Quasar because it's cross platform, then stay after falling in love with the component library

The BEST Way To Learn Quasar Is Finally Here...

I've spent the last few months, buried in my editor with a single focus...

To build a course that gives devs confidence they can build apps for ANY PLATFORM with Quasar

It was tough at times, because there's so much Quasar can do! I worked hard to ensure you get a broad view of the framework without getting overwhelmed... but also without falling a sleep! 😴

This course...
won't bore you to tears!
will set you on FIRE with excitement!!
make your feel POWERFUL at the keyboard!!!

And there's no better place to host such a course, than VueSchool.Io. If you don't have a VueSchool account already, you're missing out!

Their library of education is insane. That's why so many Vue developers - from starting out to advanced - have an account! And…

It’s now the best place to learn the Quasar Framework.

Head on over there now and start building apps with Quasar!

What's in the course?

We'll be covering a lot! Including:

  • Setting up a Quasar project from scratch
  • Detailed walkthrough on building for web, android, electron and desktop
  • Working with hardware including bluetooth, GPS, and notifications
  • Many Quasar component! Including tables, forms and inputs, lists, cards, color pickers and much much... MUCH more!
  • Quick intro to the basics (layouts, pages, routing etc)
  • Installing vite plugins such as Tailwind and UnoCSS
  • Quasar's grid system
  • Color, Typography and Icons

And more!

Questions? Answers.

Hmm, with all that functionality wouldn't my assets end up large?
Surprisingly not! Quasar's CLI is smart enough to cherry pick the exact logic needed to run your app, and leave out everything else. Vite also makes it easy to strip out code, depending on the platform you're developing for!

What hardware does Quasar support on mobile and desktop?
Quasar uses Capacitor to build mobile apps, and Electron for desktop apps. Both of these platforms come with plugins that make it easy to work with just about any hardware AND... you can build your own plugins if need be!

I've been around the block. How do I know Quasar won't end up falling out of date?
Short answer, Quasar's track record:

  1. Quasar was the first major framework to move to Vue3 (which is insane when you consider the scope of this project!)
  2. When moving to Vue3, Quasar's API barely changed at all because it was already well established
  3. Quasar was built on Webpack. When Vite was released Quasar added it and barely changed the build API. It takes a lot of forward thinking to do something like that.
  4. Many Quasar features are back ported to prior versions. No dev gets left behind!

I just want to build for the web. Does Quasar still make sense for that?
Yes! In fact most of the sites I've personally built with Quasar are just normal websites. I'll often use SPA mode, and move to a PWA later in the apps life. There's even a mode for ssr with pwa client takeover if you're serious about maximizing your sites speed!

Does Quasar work with utility libraries like "Tailwind" and "UnoCSS"?
Yes! Quasar uses Vite under the hood, so if it works with vite it works with Quasar.


Still reading? Here's a quick review!
Quasar...

  1. has a new course at Vue School. It's action packed, and won't bore you to tears!
  2. builds to all platforms
  3. has a gorgeous, meticulously crafted component library
  4. can work with hardware like cameras and bluetooth

Start learning Vue.js for free

Luke Diebold
Luke Diebold
Discouraged from studying computer science in school, Luke was determined to prove that anyone can learn anything. After studying Musical Theatre and Classical Piano, he rediscovered coding at Agripath, where he fell in love with Quasar. He began creating YouTube videos to help others build amazing apps with Quasar, which led to contractor work. Now a web developer and CTO of Fuellox, Luke builds Quasar apps and shares his passion at events like “Quasar.Conf” and “Vue.js Nation.”

Comments

Latest Vue School Articles

7 Beautiful Next-Level Button Components with Vue, VueUse, and TailwindCSS

7 Beautiful Next-Level Button Components with Vue, VueUse, and TailwindCSS

Combine Vue, VueUse, and TailwindCSS for some practical and beautiful buttons
Daniel Kelly
Daniel Kelly
Unlocking the Power of AI in Your Vue Coding Workflow

Unlocking the Power of AI in Your Vue Coding Workflow

Explore how AI is transforming software development, acting as a valuable coding companion to streamline workflows and overcome challenges. This article delves into practical strategies for effectively integrating AI tools, offering insights for developers at any skill level.
David Robertson
David Robertson

Our goal is to be the number one source of Vue.js knowledge for all skill levels. We offer the knowledge of our industry leaders through awesome video courses for a ridiculously low price.

More than 200.000 users have already joined us. You are welcome too!

Follow us on Social

© All rights reserved. Made with ❤️ by BitterBrains, Inc.