Vuejs tutorial for dummies

💻 Development
1

Hi, I am a newbie in the Nextcloud community and I want to develop a simple app for it, so I want to develop its front-end using Vue.js but I cannot find and complete or clear manual for working with VueJs and the Nextcloud.
I found this link in another question but I cannot run it because make dev-setup command do not work properly and raise this exception:

eslint-config-standard@“^14.1.1” from @nextcloud/eslint-config@2.2
Where can I find a good step-by-step tutorial and related questions about the the Nextcloud front-end issues?

2

I just started trying to develop an app recently, too.

This short video was a good intro to Vue itself:
https://vuejs.org/v2/guide/#

When it comes to the Nextcloud use of Vue, this is the best resource I’ve found:
https://nextcloud-vue-components.netlify.app/

I haven’t found a guide or tutorial yet, so if you come across one please share it.

1 Like
3

For anyone looking for a tutorial,

Can take a look at this link:

It contains all the steps necessary to get up and running using the front end, from setting up the development to a more complex app using Vue.js front-end and a database on the example: 6 Developing a complete app with a navigation bar and database

4

Thank you for distributing this link. It is good for first step. But, now I want to add some fields to datatables and in interface - I cant understand, how can I do it, because I can’t fully clarify order of functions calls and modules calls in nextcloud API architecture.

I’ve seen a few threads looking for courses of Nextcloud development. Are there any?