VueJS cannot use MongoDB directly. VueJS is a frontend library (works in the browser), while MongoDB is a server-side database technology. In the course you mentioned, the author is probably bridging VueJS and MongoDB through an ExpressJS app, which runs in a server. You should be seeing things like fetch( or axios in the examples. Those words indicate the client-side application connecting to a backend.

The models are probably written for a MongoDB library that runs in ExpressJS. Controllers must be either self-developed or using a library that allows creating controllers for ExpressJS.

Notice I keep saying ExpressJS. There are other server frameworks for NodeJS, but ExpressJS is the most popular one.

Also, the only difference between running your own MongoDB instance and using MongoDB atlas (for the ExpressJS app) is where to connect. One connects to MongoDB running on http://localhost, the other connects to something like https://srv05-nickb.atlas.mongodb.com

Long story short, yes, you can use MongoDB with Vue or Quasar. But it won’t be Vue or Quasar using / connecting to MongoDB but an intermediary app written in something like ExpressJS.

Guys, how about we try to actually help?

I’m nowhere near an expert (and I haven’t used Quasar for a while), but here is my 2 cents.

First of all, make sure your web server gzips everything. This is standard practice.

Second, if I recall correctly, regarding component loading, Quasar/Vue has options to load everything, or only load used components. Make sure you employ the second method. The difference between bundling two components and bundling fifty components when you only use the two is huge.

Although not as big, the same goes for icon fonts and CSS. When you are using only two icons, no need to load all icon components. If you set Quasar/Vue to treeshake (remove unused resources from the bundles), your files will get much smaller, which will lead to much faster loading of the page.

Regarding “preloading key request”, have a look at https://web.dev/uses-rel-preload/
I don’t know/remember how it’s done in Quasar but it probably has some option for this too.

@s-molinari said in Anybody tried out Svelte framework yet?:

You can’t do anything with Svelte without its compiler.

How is this an argument? Svelte IS the compiler. The counter-argument would be “You can’t do anything with Vue without the Vue framework.”

quasar dev serves on localhost:8080 automatically. I want to serve from a different URL but I couldn’t find any information on this in Quasar documentation or here. Could you direct me to relevant information?

Thanks in advance.