Add steps to how setup Butterfly with Nextcloud in storage.md

docs/src/content/docs/docs/v2/storage.md

@@ -40,8 +40,29 @@ Add the URL of the remote server and the username and password. After that you c
 
 To get the webdav url, please visit the documentation:
 
-* [Nextcloud](https://docs.nextcloud.com/server/latest/user_manual/en/files/access_webdav.html) (it should look like this: `https://nextcloud.example.com/remote.php/dav/files/username/`, replace `username` and `nextcloud.example.com` with the correct values)
-
+[Nextcloud](https://docs.nextcloud.com/server/latest/user_manual/en/files/access_webdav.html) (it should look like this: `https://nextcloud.example.com/remote.php/dav/files/username/`, replace `username` and `nextcloud.example.com` with the correct values)
+
+#### How to get the URL
+1. Go to 'Files'
+![](@assets/img/webDAV/URLstep1)
+2. Open the 'Files settings'
+![](@assets/img/webDAV/URLstep2)
+3. Choose the 'WebDAV' section in the sidebar
+4. Copy the URL
+![](@assets/img/webDAV/URLstep3and4)
+5. Paste the URL in the URL input box in Butterfly
+![](@assets/img/webDAV/URLstep5)
+
+#### How to get the password and username
+1. Go to your Nextcloud account info by pressing the profile picture on the corner
+2. Press 'Settings'
+3. In the security info tab, scroll down to 'Devices & sessions'
+4. Enter any name for the app name input box
+    - "Butterfly Connection" is a good name to use, as it is identifiable and clear.
+5. Press the button called 'Create new app password'
+6. Authenticate
+7. Copy the email/login text and paste it in the username input box in Butterfly
+8. Copy the password and paste it in the password input box in Butterfly
 ### Offline sync {#offline}
 
 This feature allows you to edit your files on remote servers while you are offline.