Vue 3, Quasar Framework and Supabase Course
Tags: vue, javascript, webdev, tutorial
Published: 2022-04-19 11:14:11

## Learn Vue 3 with this complete course also uniting development with Quasar Framework and Supabase! One of the best stacks at the moment.

Today I present to you my new Vue 3 Course, Quasar framework and Supabase !
This is undoubtedly the fusion of 3 "gods" that speed up and facilitate the development of your applications with few configurations, that is, you can focus only on the development of your features.

## Vue 3

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8wjqvr9q97d81i0auv8e.PNG)

[Vue](https://vuejs.org/) is a JavaScript framework for building user interfaces.

It is based on standard HTML, CSS, and JavaScript and provides a component-based, declarative programming model that helps you efficiently develop user interfaces, whether they are simple or complex.

And in this course we see some of the novelties of its new version such as the Composition API.

## Quasar Framework

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/eb0t51ukxtug1mvet749.PNG)

[Quasar](https://quasar.dev/) is an MIT-licensed open source Vue.js-based framework that allows you as a web developer to quickly build responsive ++ websites/apps in various flavors:

- SPAs (single page application)
- SSR (server-side rendered application) (+ optional PWA client purchase)
- PWAs (Progressive Web Application)
- BEX (browser extension)
- Mobile apps (Android, iOS, …) via Cordova or Capacitor
- Cross-platform desktop apps (using Electron)

Quasar's motto is: write code once and deploy it simultaneously as a website, mobile app and/or electronic app.

Yes, one codebase for all of them, helping you develop an application in record time using a state-of-the-art CLI and backed by extremely fast, best-practice Quasar web components.

When using Quasar, you won't need additional heavy libraries like Hammer.js, Moment.js or Bootstrap. It meets these needs internally and all with a small footprint!

Supabase

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4zw4kcl5dazab32ml1js.PNG)

[Supabase ](https://supabase.com/)is an open source alternative to Firebase.

It provides all the backend services needed to create a product. You can use it completely, or just the services you need:

- Data base;
- Authentication;
- File storage (photos, videos, etc);
- APIs generated automatically (as your database is being created);

Supabase is Postgres only, which makes it compatible with a large number of tools and frameworks, such as Angular, React, Vue.js, Flutter, and many others.

## Course on Youtube

[The course](https://www.youtube.com/playlist?list=PLBjvYfV_TvwIfgvouZCaLtgjYdrWQL02d) using the 3 development tools is fully available on youtube, and you can check it out through this link: [Curso Vue 3 + Quasar + Supabase](https://www.youtube.com/playlist?list=PLBjvYfV_TvwIfgvouZCaLtgjYdrWQL02d)

{% embed https://www.youtube.com/watch?v=K5wxwnNnHIc&list=PLBjvYfV_TvwIfgvouZCaLtgjYdrWQL02d&index=1 %}

You can also find the full playlist here: https://youtube.com/playlist?list=PLBjvYfV_TvwIfgvouZCaLtgjYdrWQL02d

I hope this tutorial is useful for you, it's more than 7 hours of course, showing in practice how to create an online catalog application from scratch!

See you soon and any questions leave in the comments of the videos that I always follow =)