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

In Analys / Statistik, API, Egenskap, Headless / Decoupled CMS, Nyheter, Open source PHP, Övriga / Custom CMS, Teknikby Martin EdenströmLämna en kommentar

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.
    st
    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.

Alla som bygger React.js front

Håll koll på det senaste inom javascript bibliotek och script. Här listas alla nyheter.

Fler artiklar om ämnet:  Vue.js fortsätter växa, men React.js dominerar inom frontend ramverk

Leave a Comment

Denna webbplats använder Akismet för att minska skräppost. Lär dig hur din kommentardata bearbetas.

More in 8till5.se, Bolt, Browserify, bunyan, Chartbeat, ELK-stack, Express, Go, Grafana, GraphQL-API, imgix, lazysizes, nanoajax, node.js, PhotoSwipe, PicoModal, Prometheus, React, react.js
AMP-Lite och mycket mer på första AMP-konferensen

Avensia skapar React.js ramverk för e-handelsprestanda, första kunden live

Close