I found this blog post that made deploying to heroku really simple. It shows how to push just the dist folder and serve it with express.
Now it’s as simple as:
npm run build
npm run deploy

Hope you find it as useful as I have:
https://medium.com/@sagarjauhari/quick-n-clean-way-to-deploy-vue-webpack-apps-on-heroku-b522d3904bc8

@chrzrdx
I’ve been cheating by just copy pasting those two files back in from another folder! I’m aware it can be done with webpack instead but haven’t spent the time to work out how.

The steps are:

npm run build
git commit
copy paste server.js & package.json back into dist folder
npm run deploy

If you come up with a better solution that would be great!

I found this blog post that made deploying to heroku really simple. It shows how to push just the dist folder and serve it with express.
Now it’s as simple as:
npm run build
npm run deploy

Hope you find it as useful as I have:
https://medium.com/@sagarjauhari/quick-n-clean-way-to-deploy-vue-webpack-apps-on-heroku-b522d3904bc8

@bian are you familiar with vuejs? I would suggest you start there. I did this whole guide to learn it: https://www.udemy.com/vuejs-2-the-complete-guide

Once you know vuejs read ALL of the quasar documentation in the order presented: guide, then components, then js&css. The documentation is excellent and once you get to the end you will understand how to use Quasar.

Then write your app

@bian

In main.js…

// === DEFAULT / CUSTOM STYLE ===
// WARNING! always comment out ONE of the two require() calls below.
// 1. use next line to activate CUSTOM STYLE (./src/themes)
require(./themes/app.${__THEME}.styl)
// 2. or, use next line to activate DEFAULT QUASAR STYLE
// require(quasar/dist/quasar.${__THEME}.css)
// ==============================

Use //1 for your own custom styles
or //2 for default styles

Don’t set the css manually yourself if you can avoid it. It’s easier to use the framework the way Razvan intends.

To do custom styles you set the stylus variables listed on this page: http://quasar-framework.org/api/css-stylus-variables.html

Set them in src/themes/app.variables.styl for global styles
Set them in src/themes/app.ios.styl for ios styles
Set them in src/themes/app.mat.styl for android styles (mat = material design)

I’ve been doing the same research and s.molinari you come up everywhere I look too! Totally agree it would be a winning combination. I’m also interested in providing an offline-first experience and I’d really like a realtime reactive graph database - preferably queried with graphQL. There doesn’t seem to be anything out of the box that fits my ridiculous expectations though, haha. Of course, it can all be done if you implement it yourself, but it’s above my current skill level