Artikler tagget med #utvikling

Nettsidene har selvfølgelig støtte for "dark mode".

Nye nettsider: Next.js, Sanity og Tailwind CSS – en perfekt kombo?

Det var på tide å pensjonere mine gamle Gatsby-baserte nettsider. Valget falt på Next.js, headless CMS fra Sanity.io og Tailwind CSS. Slik bygde jeg nettsidene.

Mann foran iMac, med nettside på skjermen.

Wordpress som «headless CMS» for et nettsted bygget med Gatsby og React

Det «hotteste» innenfor moderne web-utvikling – kombinert med gode, gamle Wordpress.

Macbook med skjermen halvveis åpen.

Hvordan jeg lærte meg JavaScript, React.js, Python og mye annet på litt over ett år

Lang pendlevei kan snus til noe positivt!

Client-only routes i Gatsby brukes for de delene av nettsiden du ikke vil skal bygges som statiske HTML-sider.

Del 3: Slik bygget jeg sameiets nye nettsider. Autentisering og private ruter i Gatsby

Med Gatsby er det forholdsvis enkelt å bygge en kjapp nettside med statiske HTML-sider som genereres i det du bygger siden. Det fungerer imidlertid dårlig hvis du vil ha innhold som kun skal være tilg...

Takket være statisk sidegenerering i Gatsby, er 100/100 i Lighthouse oppnåelig.

Del 2: Slik bygget jeg sameiets nye nettsider. Grunnmuren er på plass

I del 2 går jeg gjennom det mest grunnleggende i hvordan Contentful og Gatsby ble satt opp, og hvordan de snakker sammen. Mål? 100/100 i Lighthouse.

Epost-ikon på en mobilskjerm.

Lag en serverless webhook som sender epost når nytt innhold er publisert

Med Gatsby Functions er det enkelt å lage en serverless-funksjon som automatisk sender epost til mottakere som ønsker det. Funksjonen kan trigges av for eksempel at nytt innhold publiseres i et CMS.

Netlify bygger automagisk nettsiden så snart jeg pusher en ny oppdatering til Github.

Del 4: Slik bygget jeg sameiets nye nettsider. Kontinuerlig utrulling til Netlify

Sameiet har fått nye nettsider laget med Gatsby, men de trenger jo en server å kjøre på også — og en løsning som gjør at de statiske sidene bygges på nytt når du legger inn nytt innhold. Slik satte je...

Skjermbilde som viser brukeradmin-dashbord for nettsidene til Boligsameiet Gartnerihagen.

Brukeradmin-panel med Gatsby Functions og Auth0

Del 1: Med innebygget støtte for serverless-funksjoner i Gatsby er det "enkelt" å lage en sikker og brukervennlig løsning for å administrere brukere.

Nettsidene til Boligsameiet Gartnerihagen på en Macbook.

Del 1: Slik bygget jeg nye nettsider til sameiet med Gatsby og Chakra UI

For meg ble hobbyprosjektet til en digital dugnad for boligsameiet — en dugnad som tok litt lenger tid enn først planlagt. Men du verden så gøy sammenlignet med luking og raking!

Laptop med VS Code på skjermen.

Brukeradmin-dashbord med Gatsby Functions: Oppdatere, opprette eller slette brukere

Del 2: Det å bygge brukeradmin-dashbord til sameiets nettsider var mer jobb enn først antatt, men nå er jeg i mål. Slik bygget jeg løsningen med serverless functions og Auth0.

Utviklingsmiljø for 6510-programmering for Commodore 64. VS Code, KickAss assembler, Vice-emulator og 64 Debugger.

Commodore 64-programmering på Mac-en

VS Code kan også brukes til å programmere i 6510-assembly. Nyttig? Neppe. Gøy? Utvilsomt!

Teflonhjerne er et ganske enkelt spill, men med litt animasjoner, lydeffekter og forskjellig så ble sluttresultatet ganske underholdende.

Teflonhjerne – hvordan lage et "memory game" i Javascript

Etter å ha holdt på med React en stund, var det moro å leke seg litt med vanilla Javascript igjen. Resultatet ble et enkelt huskespill – Teflonhjerne.

Breakout

Spillprogrammering er gøy!

En aldri så liten avsporing – som minnet meg på hvorfor jeg en gang hadde lyst til å bli spillutvikler.

Macbook Pro med programkode på skjermen.

Slik bygget jeg denne nettsiden

Litt om hvilke valg jeg gjorde da jeg skulle bygge min forrige nettside, og hvilke løsninger jeg endte opp med å bruke.