
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.
Tailwind Purge and Javascript Template Literals (AKA Template Strings)
Tailwind purge and temple strings.
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?
Top 10 Github Next.js projects
Newsfeed
- Compiling Ruby to machine language
- Show HN: I built a synth for my daughter
- Azure hit by 15 Tbps DDoS attack using 500k IP addresses
- Run ancient Unix on modern hardware
- "One Student One Chip" Course Homepage
- Ion: Modern System Shell in Rust
- WeatherNext 2: Our most advanced weather forecasting model
- Show HN: ESPectre – Motion detection based on Wi-Fi spectre analysis
- Show HN: Continuous Claude – run Claude Code in a loop
- FreeMDU: Open-source Miele appliance diagnostic tools