I built a Web components library!
Fredrik BergqvistI spent part of the holidays building a web components library that I call Nidhugg. In this post I describe the components I've build, and learnings made along the way.…
Read more...
The curious case of the paragraph with the bad CLS
Fredrik BergqvistI recently migrated my personal website from Next.js to 11ty, it was a great experience, which I will write more about in a later blog post. There was just one issue. The PageSpeed performance score actually went down. 😨 Link to PageSpeed.web.dev Mobile performance was looking great, a 4 x…
Read more...
New CSS magic in 2024
Fredrik BergqvistNow and then I stumble upon some new CSS magic that I didn't know existed. Here are some of the new things I've found in 2024. align-content: center This is a really old one that I completely missed as I've gotten so used to using flexbox to align elements. I…
Read more...
Minified React error in production with Vite.js
Fredrik BergqvistHow to fix the Minified React error…
Read more...
Quick tip: .env in next.js
Fredrik BergqvistUsing environment variables is a great way to store environment-specific values and secrets that should not be in the git repo. Let's say you have an API which runs on localhost locally but a different host in production. On the server Locally you need to add an .env.local-file in your…
Read more...