No description
Find a file
2026-03-24 20:39:04 +01:00
.github chore: Add CODEOWNERS file 2026-03-24 16:31:57 +01:00
appinfo chore: bump min to 29 and max to 31 2025-02-13 15:32:26 +01:00
css chore(assets): Recompile assets 2026-03-24 16:26:25 +01:00
img replace icon 2017-07-30 11:23:07 +02:00
js chore(assets): Recompile assets 2026-03-24 16:26:25 +01:00
lib feat: migrate to vue 3 2026-03-24 16:14:31 +01:00
src feat: migrate to vue 3 2026-03-24 16:14:31 +01:00
templates Fix wrong tutorial location 2020-08-24 14:24:26 +02:00
tests feat: migrate to vue 3 2026-03-24 16:14:31 +01:00
vendor-bin/psalm feat: migrate to vue 3 2026-03-24 16:14:31 +01:00
.gitattributes Add bundles to have a working app after checkout 2019-08-17 18:51:50 +02:00
.gitignore feat: migrate to vue 3 2026-03-24 16:14:31 +01:00
.nextcloudignore chore: add krankerl config 2026-03-24 17:23:57 +01:00
.php-cs-fixer.dist.php chore(deps): Update nextcloud/coding-standard to version 1.0.0 2023-01-13 13:24:13 +01:00
CHANGELOG.md update files 2017-07-30 11:28:19 +02:00
composer.json feat: migrate to vue 3 2026-03-24 16:14:31 +01:00
composer.lock feat: migrate to vue 3 2026-03-24 16:14:31 +01:00
COPYING first commit 2015-01-10 00:25:43 +01:00
eslint.config.js feat: migrate to vue 3 2026-03-24 16:14:31 +01:00
krankerl.toml chore: add krankerl config 2026-03-24 17:23:57 +01:00
Makefile Add HMR commands 2021-07-28 13:59:20 +02:00
package-lock.json chore(assets): Recompile assets 2026-03-24 16:26:25 +01:00
package.json feat: migrate to vue 3 2026-03-24 16:14:31 +01:00
README.md fix: readme phpunit badge 2026-03-24 20:39:04 +01:00
stylelint.config.cjs feat: migrate to vue 3 2026-03-24 16:14:31 +01:00
tsconfig.json feat: migrate to vue 3 2026-03-24 16:14:31 +01:00
vite.config.ts feat: migrate to vue 3 2026-03-24 16:14:31 +01:00

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.