No description
  • JavaScript 64.4%
  • CSS 34.4%
  • PHP 0.8%
  • Vue 0.3%
Find a file
github-actions[bot] 0a13f35fc9
Merge pull request #730 from nextcloud/dependabot/npm_and_yarn/nextcloud/eslint-config-9.0.0-rc.9
chore(deps-dev): Bump @nextcloud/eslint-config from 9.0.0-rc.8 to 9.0.0-rc.9
2026-04-11 02:03:26 +00:00
.github
appinfo
css
img
js
lib
src
templates
tests
vendor-bin/psalm
.gitattributes
.gitignore
.nextcloudignore
.php-cs-fixer.dist.php
CHANGELOG.md
composer.json
composer.lock
COPYING
eslint.config.js
krankerl.toml
Makefile
package-lock.json
package.json
README.md
stylelint.config.cjs
tsconfig.json
vite.config.ts

Nextcloud App Tutorial

PHPUnit GitHub Action Node GitHub Action Lint GitHub Action

This is the tutorial app which shows how to develop a very simple notes app.

Try it

To install it change into your Nextcloud's apps directory:

cd nextcloud/apps

Then clone this repository into a folder named notestutorial¹:

git clone https://github.com/nextcloud/app-tutorial.git notestutorial

Then install the dependencies using:

make composer

¹ It is important that the directory is named exactly like the app ID (see appinfo/info.xml).

Frontend development

The app tutorial also shows the very basic implementation of an app frontend using Vue.js. To build the frontend code after doing changes to its source in src/ requires to have Node and npm installed.

  • 👩‍💻 Run make dev-setup to install the frontend dependencies
  • 🏗 To build the Javascript whenever you make changes, run make build-js

To continuously run the build when editing source files you can make use of the make watch-js command.