C0D3
Site visit initiated

Site visit initiated

Greetings carbon based life form. This site is the blog and front end playground of Jack Strube. This is where I post about the hurdles, discoveries and interesting bits I have found related to frontend web development and the thing I am coding next.

Recent Posts

Next 13 and Google Font not working

Reading the new features of Next 13 and trying out the Next font feature. I tried everyhting and could not get it to load the correct google font. In this case it was Roboto Mono. Looking through the issues on Github, it looks like the display property must exist in order for it to work correctly.

CSS Modules Children with Pseudo Selectors

The goal was to have the active slide have a gradient color overlay using css modules. Css modules are tricky with their child selectors, but I was able to come up with a solution.

Struggles with Search.io pagination

Setting up search.io on a website built with Next.js using the Sajari React library — clicking on a page in the pagination component it resets the query back to blank.

Turn array of objects into array of arrays

Turn an array or objects into an array of arrays in one line.

Storybook 7, Next.js, Style JSX and Tailwind

How I was able to get Storybook to work with Next.js, styles JSX and Tailwind.

Syntax Highlighting and Next.js 13

Lot's of error with SSR and trying to get code from Contentful markdown to display correctly.

Contentful UI Read Time App

Need to add a read time to your Contentful app? Contentful has a great tutorial on how to build it. Problem is, it doesn't work.

Create a Basic Dynamic Front end Form in Contentful

Need a simple form on the front end, but don't want to use up a bunch of content types in Contentful? Why not create a custom app and have some fun?