Excalidraw is a virtual whiteboard for sketching hand-drawn like diagrams, running in your browser. The cool thing about this amazing tool is that it requires no setup, no persistent volumes, you can start drawing immediately at the speed of thought. In this step by step guide I will show you how to install Excalidraw on your UGREEN NAS using Docker & Portainer.

💡Note: This guide works perfectly with the latest version of Excalidraw v0.17.3

• STEP 1

Please Support My work by Making a Donation.

• STEP 2

Install Portainer using my step by step guide. If you already have Portainer installed on your UGREEN NAS, skip this STEP. Attention: Make sure you have installed the latest Portainer version.

• STEP 3

Add Read & Write Permissions to the Docker Folder. If you have already added the Read and Write Permissions to the Docker Folder, skip this STEP.

• STEP 4

Log into Portainer using your username and password. On the left sidebar in Portainer, click on Stacks then + Add stack. Follow the instructions in the image below.

• STEP 5

In the Name field type in excalidraw. Follow the instructions in the image below.

Note: Copy Paste the code below in the Portainer Stacks Web editor.

version: "3.9"
services:
  excalidraw:
    image: excalidraw/excalidraw:latest
    container_name: Excalidraw
    healthcheck:
     test: curl -f http://localhost:80/ || exit 1
    ports:
      - 3765:80
    restart: on-failure:5
    stdin_open: true
    environment:
      - NODE_ENV=production

• STEP 6

Scroll down on the page until you see a button named Deploy the stack. Click on it. Follow the instructions in the image below. The installation process can take up to a few minutes. It will depend on your Internet speed connection.

• STEP 7

If everything goes right, you will see the following message at the top right of your screen: “Success Stack successfully deployed“.

• STEP 8

Go back to STEP 1 or you will deal with karma 🙂.

• STEP 9

The installation process can take up to a few seconds/minutes. It will depend on your Internet speed connection. Now open your browser and type in http://ugreennas-ip-address:3765 At the top right of the page, click Library. Follow the instructions in the image below.

• STEP 10

Click Browse libraries. Follow the instructions in the image below.

• STEP 11

Choose your favorite Items from a huge free Library. Click Add to Excalidraw to add items to your selfhosted instance. Follow the instructions in the image below.

• STEP 12

After you click Add to Excalidraw at STEP 11, the items will magically appear in your Excalidraw Library. Follow the instructions in the image below.

• STEP 13

On the left sidebar you have the option to Export your image. Follow the instructions in the image below.

• STEP 14

Choose to save your work either in the PNG or SVG format, with or without a background. Follow the instructions in the image below.

• STEP 15

You can also switch Excalidraw to Dark theme. Click the 3 vertical lines at the top left, then change the theme to Dark. Follow the instructions in the image below.

Enjoy Excalidraw on your UGREEN NAS!

This post was updated on Wednesday / August 28th, 2024 at 4:38 AM