Tankar om ditt & datt
Då och då skriver jag ned några tankar, dokumenterar upptäckter eller skriver om lite allt möjligt.
2026
Proof of concept har blivit billigt
En prompt som började med "Jag behöver hjälp med en grej".
Primära agenter i OpenCode
Custom agents i OpenCode. En agent för att lära ut istället för att bygga.
Skymning: När AI fick hobbykodandet att bli kul igen
Det blev kul igen när jag slutade skriva all kod själv.
Showtime MCP
En MCP-server för att söka filmer, hitta rekommendationer och kolla var saker går att streama. Byggt med OpenCode.
2025
En MCP-server för Bear notes
Från iOS-genväg till att prata med mina anteckningar via Claude Code.
Hackday i AI-eran
6000 rader kod utan att skriva en enda rad själv.
Utveckling från soffan med Claude på mobilen
Att pusha ändringar till kodbasen från soffan utan att röra kod. Bara prompta.
Från Next.js till Astro med Claude Code
För fem år sedan tog en migrering tre dagar. Nu tar det några timmar.
2023
2022
Från Heroku till Next.js 13 Server Components
Jag försökte för ett tag sen flytta en gammal Nuxt applikation (som snart skulle släckas ned) från Heroku men istället blev det en ny sajt med annan hosting
Skapa React-komponent för listor med emojis
Skapa en EmojiList-komponent med emojis istället för list-bullets.
2021
Hur Aftonbladet pajade min sajt
För ett tag sedan gjorde Aftonbladet ganska stora ändringar på sin startsida som resulterade i att en av mina sajter i princip vart värdelös. Men det är helt okej!
När man förmodligen vill byta ut useState mot useReducer
Reflektioner om när useReducer är ett bättre val än useState.
2020
Media Queries á la styled-components
Tre olika, men också snarlika, exempel på hur man kan jobba med CSS Media Queries i styled-components.
Enas om dataformat i ett tidigt skede
Hur tydliga dataformat kan förhindra blockers och lösa upp beroenden.
Kom igång med Framer Motion och styled-components
Så här kombinerar du Framer Motion med styled-components för smidiga animationer.
Skapa API-middlewares i Next.js
Skapa återanvändbara middlewares för API-endpoints i Next.js.
Styled Components och ikonhantering i olika stadier
Hur många gånger kan man behöva refaktorera ikoner egentligen? Minst två gånger i alla fall - allt eftersom behovet på funktionalitet ändras.
Ny utvecklingsmiljö och nytt deployflöde för denna sajt
Vad betydde det för utvecklingsmiljön och deployflödet för denna sajt när den gick från Jekyll till Next.js?
Portfolio Redesign: Keep it simple
Mobile-first design, CSS-variabler och styled-components.
Att gå från Jekyll till Next.js på tre dagar
Jag har länge funderat på att byta ut Jekyll för här webbplatsen. Efter en del research och funderingar var det görbart på tre dagar.
Att väcka liv i ett 3 år gammalt projekt
För tre år sedan skapade jag ett projekt som skrapade Aftonbladet dagligen. Det här är historien om vad som hände 3 år senare.
2019
ColorPix och "Less is more" UX-förändringar
Med några enklare refaktoreringar blev användarupplevelsen enklare men låter samtidigt användaren göra mer.
IMDb CLI version 1.0.1 till 2.3.0
Detta är vad som har hänt från version 1.0.1 till version 2.3.0.
Skapa ett request plugin i Nuxt.js
Så här skapar man enkelt ett request-plugin baserat på axios i Nuxt.js
2017
Node-baserat CLI för att skrapa IMDb
Enkelt CLI för att få tag i viss information från IMDb genom att skrapa sajten.
Ladda ned trailers via terminalen
Kombinera cli-verktyg för att snabbt och enkelt ladda ned trailers från YouTube.
Jekyll och Rake tasks
Enkla kommandon för att snabba upp skapandet av blogginlägg i markdown.
Min utvecklingsmiljö
Så här ser min utvecklingsmiljö ut just nu.