In this tutorial I have shown how to set up a timeseries raster data in GeoServer and connect it to an OpenLayers webviewer.

Ndvi data used in the video:
https://drive.google.com/file/d/1L8Ii...

code used in the video:
https://drive.google.com/file/d/1ybRq...

Resources:
https://openlayers.org/en/latest/exam...
https://docs.geoserver.org/stable/en/...
https://docs.geoserver.org/latest/en/...
https://docs.geoserver.org/latest/en/...

GeoServer:
GeoServer is an open source server for sharing geospatial data. GeoServer implements industry standard OGC protocols such as Web Feature Service (WFS), Web Map Service (WMS), and Web Coverage Service (WCS). Additional formats and publication options are available as extensions including Web Processing Service (WPS), and Web Map Tile Service (WMTS).

OpenLayers:
OpenLayers makes it easy to put a dynamic map in any web page. It can display map tiles, vector data and markers loaded from any source. OpenLayers has been developed to further the use of geographic information of all kinds. It is completely free.

Timeline of the video:
00:00 Intoduction
01:56 Set up timeseries raster data in Geoserver
12:55 WebGIS application development using OpenLayers