Cagendar view

A Next.js app to display several calendars in the same place.

Features

• Started with https://calendar.jeraidi.dev/
• But it's readonly
• Can be configured with Webdav and ICS agendas
• Uses more or less Solidarité paysans graphic design. And is meant to be included as an iframe.

Configuration

config.json

Colors can be: blue | green | red | yellow | purple | orange | gray;

{
  "revalidateIntervalMinutes": 30,
  "calendars": [
    {
      "type": "ics",
      "name": "an ICS exported agenda",
      "url": "https://EXAMPLE.COM/remote.php/dav/public-calendars/XXX?export",
      "color": "blue"
    },
    {
      "type": "webdav",
      "name": "a webdav agenda",
      "url": "https://EXAMPLE.COM",
      "calendarPath": "/remote.php/dav/calendars/USER/CALENDAR1/",
      "username": "user",
      "password": "xxx",
      "color": "green"
    }
  ...
  ]
}

revalidateIntervalMinutes is the time between 2 calendars update

Start with docker

docker run --name cagendar-view -p 3083:3083 -v $(pwd)/config.json:/app/config.json ghcr.io/ad2ien/cagendar-view:latest

Getting Started

Add config file config.json then classic Next app

commands : npm run (or whatever your dependency manager is)

• lint
• build
• dev then open http://localhost:3000 with your browser to see the result.
• start

Docker image

docker buildx build . -t cagendar-view
docker run -p 3083:3083 -v ./config.json:/app/config.json:ro cagndare-view:latest