Fluid Calendar is an open-source, self-hosted app built with Next.js and React, offering a smart alternative to Motion for task scheduling and calendar management. It syncs with Google Calendar, automates task placement based on preferences, and prioritizes privacy and customization. In this step by step guide I will show you how to install Fluid Calendar on your Synology NAS using Docker & Portainer.

💡Note: This guide works perfectly with the latest version of Fluid Calendar v1.2.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 Synology NAS, skip this STEP. Attention: Make sure you have installed the latest Portainer version.

• STEP 3

Make sure you have a synology.me Wildcard Certificate. Follow my guide to get a Wildcard Certificate. If you already have a synology.me Wildcard certificate, skip this STEP.

• STEP 4

Go to Control Panel / Login Portal / Advanced Tab / click Reverse Proxy. Follow the instructions in the image below.

• STEP 5

Now click the “Create” button. Follow the instructions in the image below.

• STEP 6

After you click the Create button, the window below will open. Follow the instructions in the image below.

On the General area, set the Reverse Proxy Name description: type in Fluid-Calander. After that, add the following instructions:

Source:
Protocol: HTTPS
Hostname: fluidcalendar.yourname.synology.me
Port: 443

Check Enable HSTS

Destination:
Protocol: HTTP
Hostname: localhost
Port: 3733

• STEP 7

On the Reverse Proxy Rules, click the Custom Header tab. Click Create and then, from the drop-down menu, click WebSocket. After you click on WebSocket, two Header Names and two Values will be automatically added. Click Save. Follow the instructions in the image below.

• STEP 8

Go to Control Panel / Network / Connectivity tab/ Check Enable HTTP/2 then click Apply. Follow the instructions in the image below.

• STEP 9

Go to Control Panel / Security / Advanced tab/ Check Enable HTTP Compression then click Apply. Follow the instructions in the image below.

• STEP 10

Go to File Station and open the docker folder. Inside the docker folder, create one new folder and name it fluidcalendardb. Follow the instructions in the image below.
Note: Be careful to enter only lowercase, not uppercase letters.

• STEP 11

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 12

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

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

services:
  fluidcalendar:
    image: eibrahim/fluid-calendar:latest
    container_name: Fluid-Calendar
    ports:
      - 3733:3000
    environment:
      NEXTAUTH_URL: https://fluidcalenar.yourname.synology.me
      NEXT_PUBLIC_APP_URL: https://fluidcalenar.yourname.synology.me
      NEXT_PUBLIC_SITE_URL: https://fluidcalenar.yourname.synology.me
      NEXTAUTH_SECRET: dOxZYTTZgXKMHkqLBIQVImayQXAVWdzGBPuFJKggzcgvgPJPXpWzqzKaUOIOGGIr
      DATABASE_URL: postgresql://fluidcalendaruser:fluidcalendarpass@fluidcalendar-db:5432/fluidcalendar
      NEXT_PUBLIC_ENABLE_SAAS_FEATURES: false
      #RESEND_API_KEY:
      #RESEND_FROM_EMAIL:
    depends_on:
      db:
        condition: service_healthy
    restart: on-failure:5

  db:
    image: postgres:17
    container_name: FluidCalendar-DB
    hostname: fluidcalendar-db
    security_opt:
      - no-new-privileges:true
    healthcheck:
      test: ["CMD", "pg_isready", "-q", "-d", "fluidcalendar", "-U", "fluidcalendaruser"]
      timeout: 45s
      interval: 10s
      retries: 10
    volumes:
      - /volume1/docker/fluidcalendardb:/var/lib/postgresql/data:rw
    environment:
      POSTGRES_DB: fluidcalendar
      POSTGRES_USER: fluidcalendaruser
      POSTGRES_PASSWORD: fluidcalendarpass
    restart: on-failure:5

Note: Before you paste the code above in the Web editor area below, change the value for NEXTAUTH_URL and type in your own your own synology.me DDNS with https:// at the beginning that you have previously created at STEP 6.
Note: Before you paste the code above in the Web editor area below, change the value for NEXT_PUBLIC_APP_URL and type in your own your own synology.me DDNS with https:// at the beginning that you have previously created at STEP 6.
Note: Before you paste the code above in the Web editor area below, change the value for NEXT_PUBLIC_SITE_URL and type in your own your own synology.me DDNS with https:// at the beginning that you have previously created at STEP 6.
Note: Before you paste the code above in the Web editor area below, change the value for NEXTAUTH_SECRET. (Generate your own Random 64 length NEXTAUTH_SECRET.)

• STEP 13

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 14

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

• STEP 15

🟢Please Support My work by Making a Donation. Almost 99,9% of the people that install something using my guides forget to support my work, or just ignore STEP 1. I’ve been very honest about this aspect of my work since the beginning: I don’t run any ADS, I don’t require subscriptions, paid or otherwise, I don’t collect IPs, emails, and I don’t have any referral links from Amazon or other merchants. I also don’t have any POP-UPs or COOKIES. I have repeatedly been told over the years how much I have contributed to the community. It’s something I love doing and have been honest about my passion since the beginning. But I also Need The Community to Support me Back to be able to continue doing this work.

• STEP 16

Now open your browser and type in your HTTPS/SSL certificate https://fluidcalendar.yourname.synology.me in my case https://fluidcalendar.mariushosting.synology.me Click Sign in. Follow the instructions in the image below.

• STEP 17

Create the admin account. Type in your own details, then click Create Admin Account. Follow the instructions in the image below.

• STEP 18

Type in your own Email Address and Password that you have previously added at STEP 17. Click Sign In. Follow the instructions in the image below.

• STEP 19

Change your theme from Light to Dark. At the top right of the page, click on the user icon, then Settings. Click System. Add your First Calendar. Follow the instructions in the image below.

• STEP 20

Your Fluid Calendar dashboard at a glance!

Enjoy Fluid Calendar!

🆘TROUBLESHOOTING

If you encounter issues by using this container, make sure to check out the Common Docker issues article.

Note: Can I run Docker on my Synology NAS? See the supported models.
Note: How to Back Up Docker Containers on your Synology NAS.
Note: Find out how to update the Fluid Calendar container with the latest image.
Note: How to Free Disk Space on Your NAS if You Run Docker.
Note: How to Schedule Start & Stop For Docker Containers.
Note: How to Activate Email Notifications.
Note: How to Add Access Control Profile on Your NAS.
Note: How to Change Docker Containers Restart Policy.
Note: How to Use Docker Containers With VPN.
Note: Convert Docker Run Into Docker Compose.
Note: How to Clean Docker.
Note: How to Clean Docker Automatically.
Note: Best Practices When Using Docker and DDNS.
Note: Some Docker Containers Need WebSocket.
Note: Find out the Best NAS Models For Docker.
Note: Activate Gmail SMTP For Docker Containers.

This post was updated on Thursday / March 20th, 2025 at 11:45 PM