code

Simple solution to cache busting HTML projects.

Simple cache busting for HTML project

A small script to resize and shrink size of images through unix terminal

Resize images through unix terminal

A small script to convert images from for example jpg to webp through unix terminal

Convert image format through unix terminal

It seems that Next.js just added export with no intention to work at all, but you can make it work

Get `next export` working

Mostly a note to my self how to develop GitHub Actions locally and don't have to push to GitHub to evaluate it

Developing GitHub Actions locally

Trying to learn AWS and used AWS Amplify to deploy Next.js with Prisma. Wasn't a straight forward experience and here some of the findings and errors we stumble upon and how we fixed it.

Prisma challenges with Next.js in AWS Amplify

Got a very strange run time error after Docker build and deploy in GitHub Action. Docker stoped with no .next directory and one day later I found the solution 😅

No .next directory after Docker build in GitHub Actions

I have decided to make jarnesjo.com public/open source after many thought and doubts. But I have to because it's scary I need to come over my imposter syndrome

jarnesjo.com goes public/open source

Take another take to deploy Next.js outside Vercel-universe and deploying this blog with Docker through GitHub Actions to Digital Ocean

Deploying Next.js with Docker and Github actions to Digital Ocean

Here I share my GitHub Action to build and deploy a Gatsby JS site to Digital Ocean droplet

GitHub Actions config for Gatsby JS site deploy to Digital Ocean

Many times I have created a file and then find a case error in after adding it to Git. Now I find a working solution without delete commit -> add commit

Get case sensitive renaming in git on macOS working

Note to myself post how format number with a breeze with Intl.Numberformat

Format currency and units with locale in js with a breeze

Sitemap is a essential component for a site or blog and here I explain how to create one together withe Next.js and next-remote-mdx

Create dynamic sitemap for your Next.js blog (next-remote-mdx)

Writing mdx-posts outside structure in Next.js won't give you natural hot reload so here my take and solution to it

Hot reload with next-remote-mdx in Next.js

There is no native support for blurred image presentation in next/image, but many other benefits. So I explored and build blurred image presentation together with next/image

Blurred image placeholder for Next.js image (next/image)

One thing I really got annoyed about is when using form in the mobile and getting wrong keyboard for the input. This is a simple and native solution to fix it every developer should know about.