Warehouse Insights

De meeste magazijnen werken met meerdere losse systemen voor orders en voorraad. Daardoor staat data op verschillende plekken, wat het lastig maakt om overzicht te houden of acties uit te voeren, zoals de voorraad bijwerken als er een order binnenkomt. Warehouse Insights lost dit op door alles samen te brengen in één realtime dashboard.

Voor de MVP legde ik zeven kernfeatures vast: een KPI-dashboard, overzichtspagina's voor orders en voorraad, een productdetailpagina, authenticatie, realtime data en notificaties. Elke feature had een eigen specificatie met een user story en acceptatiecriteria, zodat ik altijd precies wist wat ik bouwde en wanneer het af was.

Voor de realtime functionaliteit gebruikte ik Pusher, en voor authenticatie Auth.js met Google als provider. Ook hield ik een backlog.md-bestand bij als checklist om de voortgang van alle features te volgen.

De documentatie van Pusher behandelt Next.js niet specifiek, waardoor de implementatie lastig uit te zoeken was. Toen het eenmaal werkte, begreep ik goed hoe je realtime functionaliteit in een Next.js-applicatie integreert. Ik merkte ook dat ik de neiging had om halverwege een sessie code te refactoren. Dat is niet per se slecht, maar het haalde mijn focus weg van de MVP en kostte tijd die ik beter aan de kernfeatures had kunnen besteden.

Warehouse Insights is beter geworden dan verwacht: een realtime dashboard dat magazijnmanagers een helder, centraal overzicht van hun operatie geeft. De applicatie is overzichtelijk opgebouwd onder een /dashboard-route, met een intuïtieve sidebar om tussen de overzichten te wisselen. Zo houd je eenvoudig de voorraad in de gaten, volg je orders en reageer je op live notificaties.