eTEU

eTEU

2020Tarkvaraarendus

Challenge

„Vana” portaal muutub aeglaseks ja seda on raske uuendada. Üleminekul on kolm peamist probleemi:

  • „Hübriid” segadus: Kahe erineva tehnoloogia (React/Next.js ja Vue) kasutamine võib olla nagu kandilise pulga ümmargusesse auku sobitamine, kui seda õigesti ei hallata.
  • Null seisakut: Saatmine ei maga. Portaali tuleb uuendada samal ajal, kui töödeldakse tuhandeid aktiivseid „elektroonilisi konossemente” (digitaalseid saatelehti).
  • Kiirus vs turvalisus: Saatedokumendid on juriidiliselt tundlikud. Uus portaal peab olema välkkiire, ilma et see kahjustaks dokumente kaitsvat plokiahela turvalisust.

Approach

We weren't deleting everything and starting over. We are building the new version piece by piece.

Step 1: The Modern Foundation (Next.js)

We used Next.js as the "outer shell" of the portal. It acts as the front door, making sure the site loads instantly and handles user logins securely.

Step 2: The Interactive Tools (Vue.js)

The specific tools where users actually type and edit shipping documents are built in Vue.js. Vue is famous for being "lightweight," making the complex forms and drag-and-drop features feel smooth and responsive.

Step 3: The "Bridge" Strategy

Instead of switching everything at once, we use a Micro-Frontend strategy.

  • We keep the old parts running in the background.
  • We plug in the new Next.js/Vue pages one at a time.
  • The user sees a single, unified experience, but under the hood, we are quietly swapping out the engine.