8till5.se bygger om med React.js, avslöjar alla hemligheter bakom satsningen

8till5.se, som erbjuder nyheter för det skånska näringslivet, har växt i popularitet och ägarna har på sistone gett det interna utvecklingsteamet på HD-Sydsvenskan medel att uppdatera satsningen. Det har lett till en re-design och ny teknisk plattform.

Föredömligt har teamet berättat, som Lanyrd började med, exakt vad som rör sig under det nya skalet:

Front end

• Varje sida byggs samman på serversidan av ett antal olika React-komponenter som fått sin data via ett GraphQL-API som agerar mellanlager mellan frontendet och backendet
• Frontendet levererat av Node.js och Express
• CSS byggd genom Sass, specifikt Node-Sass.
• Javascript på klientsidan bestående av flerta självständiga moduler, interna som tredjeparts, sammanbyggda med Browserify. Bland tredjepartsmodulerna återfinns bl.a. lazysizes, nanoajax, PhotoSwipe och PicoModal.
• Ikoner från IcoMoon’s fria ikonpaket
• Typsnittet Lato via Google Fonts

Back-end

• Data lagras, hämtas, bakas och levereras i bästa möjliga form tack vare mikrotjänster, skrivna främst i Go.

  0st

  jobbar kvar på HD-Sydsvenskan numera

• Lagrade data genom key/value-databasen Bolt.
• Statistik från alla tjänster samlas in och sammanställs via Prometheus, ses via Grafana.
• Loggning i Node.js görs genom bunyan. Loggar från alla våra tjänster samlas in och sammanställs i en ELK-stack.

Tjänster och API:er

• Bilder optimeras via tjänsten imgix.
• Skapa och lagra våra artiklar via tjänster från Infomaker.
• Chartbeat hjälper oss veta vad som är mest läst för stunden på våra sajter och gör det möjligt för oss att agera vidare på detta.
• Därtill har vi även hjälp av tjänster och verktyg från våra koncernkollegor inom Bonnier News.

Hosting

• 8till5 hostas på Amazon Web Services och drar nytta av ett antal tjänster där. EC2, Lambda, S3 etc.