Formål

Alle bør ha en liten hobby og jeg har alltid likt å skrive små kodefnutter(snippets). Denne bloggen startet noe tilfeldig og har ingen komersielle ideer, den er laget av den evige student. Siten er laget for å lære Javascript, REACt Samt Gatsby som holder meg oppdatert på aktuell teknologi. Innledningsvis skulle jeg bare lage en liten presentasjon av en Power BI rapport jeg hadde laget ved hjelp av iFrame for å kunne presentere den på en Mobil. Før dette prosjektet startet hadde jeg en bakgrunn som windows og Backend utvikler ved hjelp av Visual Basic, C#, Azure, SQL server og Oracle teknologi. Da kom jeg over verktøyet GatsbyJS som genererer statiske Web sider falt jeg for responstid og hvor enkelt det var å lage web sider. Gatsby er basert på React Javascript. Etter at jeg hadde laget en presentasjon av Power BI rapporten ballet det litt på seg kan man si.

Gatsby

Gatsby rammeverket innehold et verktøy for å publisere tekst og bilder (MDX). Alle bildene som legges inn kan settes opp responsive slik at man får den oppløsningen som best passer til skjermen du sitter på . Som sagt så er Gatsby basert på React så jeg har i samme slengen blitt ganske så dreven i React. En del av koden er skrevet i React.

React

React.js er et JavaScript-bibliotek med åpen kildekode som brukes til å bygge brukergrensesnitt for WEB-applikasjoner(single-page applications) I React kan en lage webapplikasjoner som kan endre data, uten å laste siden på nytt. Denne siten består av Gatsby og rene React sider som henter data fra en Azure serveless tjeneste.

Azure Function

For presentasjon av Norpoolpriser benyttes en Azure serverløs tjeneste. Azure Serverless Framework lar deg utvikle og distribuere serverløse applikasjoner via Azure Functions (serverløs databehandlingstjeneste som lar deg kjøre kode på forespørsel uten å måtte klargjøre en infrastruktur) Tjenesten inneholder standard WEB API for POST,GET etc. Har også benytte Postman for test av API'er.

C#

Azure serverles tjenesten er skrevet i C#.

Azure SQl Server

Nordpool prisene hentes fra Norpool og presenteres via SQL server. Just for fun.

Progressive Web Apps (PWA)

PWA, er applikasjoner som blir installert via nettet i stedet for gjennom play store(Google) ellr app store(Appel) . PWA gjør det enklere, billigere og smartere å oppdatere og administrere innholdet på siden. Etter at du har installert appen på din mobil ser det ut for brukeren som en vanlig app. Denne appen kan installeres via Chrome menyen ... "Legg til på startsiden"

Netlife

Som den opservante tekniker vil se er denne siten publisert på netlife.com. La den først ut på Gatsby.com men fikk problemer med Google sin søkemotor som automatisk ble sperret ute hvis man ikke setter opp sin egen domene adresse. Koden blir publiser til Netlify via GitHub.

Nordpool priser

Når de gjelder Nordpool/DayaHead så genereres den daglig ca kl 14:00 av en Azure Service som skriver den til GitHUB. Deretter laster Netlify den inn på siten.