Create Latest Image Feed / Matrix Feed component
This requires https://gitlab.fabcity.hamburg/software/fabcity-interfacer-ui/-/issues/52 to be merged first.
For the homepage, we want to have a "quick" way to post content updates on the go.
We will use a modified ImageSlider
for this and get the data from a Matrix channel.
So we need to build a component with an interface like this:
<MatrixImageFeed room="#someroom:fabcity.hamburg" limit={6} />
Inside the component we need to fetch the data from Matrix and populate the ImageSlider. For inspiration regarding the Matrix part, you can have a look at this component for the Interfacer website: https://gitlab.fabcity.hamburg/software/interfacer-page/-/blob/main/src/components/MatrixRoomContent.tsx
Only remaining question is, where do we generate/render this component?
- Do we generate it on the server side during build time? We could trigger an update via Webhooks, every time someone posts in the Matrix channel.
- Do we use Server Side Rendering for it (we haven't used SSR before in the project – not sure how well it works with Astro and React and our Hoster)
- Do we render/fetch the data only on the client? (This will probably slow the page down, it's the least elegant, but also the fastest approach)
Any opinion on this @truongleit ?