Dynamic file catalog with Firebase RTDB + Storage (and how I fixed a Service Worker cache bug)

Short summary

This technical post explains how to replace a hardcoded file catalog with a dynamic Firebase Realtime Database + Storage solution in a PWA. Key debugging lessons: async sequencing (ensuring auth state resolves before rendering the edit button) and Service Worker cache versioning (bumping cache name on deploys to avoid stale assets). The author shares the admin modal implementation for runtime file management without code changes.

• •Replaced hardcoded file catalog with Firebase Realtime DB + Storage for runtime updates
• •Debugged async sequencing bug where role check resolved after UI render
• •Fixed Service Worker caching issue by bumping cache version string on deploys

Generated with AI, which can make mistakes.