Koen van Gilst

16 Followers
624 Following
90 Posts
Frontend lead @Rabobank ✦ TypeScript, React, Svelte & Phoenix ✦ father of two ✦ philosopher by training
Websitehttps://koenvangilst.nl/
Githubhttps://github.com/vnglst

There are also some things I didn't like:

- using headers means you opt out of static prerendering which makes sense but the performance is really bad
- we now have three kinds of components: pure server, server rendered and pure client

Using the excellent tutorial by @shanselman I can now also be found as [email protected] in the Fediverse!

For anyone interesting in adding this to their website: the PR that made this possible can be viewed here: https://github.com/vnglst/koenvangilst.nl/pull/137

Scotts tutorial can be found here: https://www.hanselman.com/blog/use-your-own-user-domain-for-mastodon-discoverability-with-the-webfinger-protocol-without-hosting-a-server

feature: add webfinger for mastodon by vnglst · Pull Request #137 · vnglst/koenvangilst.nl

Adds webfinger for Mastodon discoverability of my website [email protected]. Using the following example from Scott Hanselman: https://www.hanselman.com/blog/use-your-own-user-domain-for-mastodon-...

GitHub

I just upgraded my personal website https://koenvangilst.nl to Next.js 13 with React Server Components!

It’s like they say in the docs, not production ready, but I do like the direction it’s heading in: custom layouts per route are useful. And there’s also easy access to headers and cookies from anywhere now.

I never really enjoyed the getStaticServerProps and all their friends and server components simplify that.

Koen van Gilst - Tech Lead

Innovative tech lead from the Netherlands who likes to push the web beyond its limits.

Koen van Gilst

I made an interesting and somewhat disappointing discovery today. I wanted to add a progressively enhanced dark mode to my website using a cookie and the `Sec-CH-Prefers-Color-Scheme` header.

With the new NextJS 13 app folder and React Server Component that seemed to work perfectly.

There is, however, a catch. By doing this I opt out of some performance benefits of NextJS: when using a headers it can no longer statically prerender my website.

https://koenvangilst.nl/blog/progressively-enhanced-dark-mode

Progressively enhanced dark mode – Koen van Gilst

Adding a dark theme to my website using NextJS 13 and React Server Components

Koen van Gilst

I made an interesting and somewhat disappointing discovery today. I wanted to add a progressively enhanced dark mode to my website using a cookie and the `Sec-CH-Prefers-Color-Scheme` header.

With the new NextJS 13 app folder and React Server Component that seemed to work perfectly.

There is, however, a catch. By doing this I opt out of some performance benefits of NextJS: when using a headers it can no longer statically prerender my website.

https://koenvangilst.nl/blog/progressively-enhanced-dark-mode

Progressively enhanced dark mode – Koen van Gilst

Adding a dark theme to my website using NextJS 13 and React Server Components

Koen van Gilst

During the pandemic, I worked on a side project to help parents create lessons for their kids, but it was too time-consuming. Now, with smarter AIs like GPT, I wanted to revisit the idea.

Imagine inputting the text and letting GPT generate questions for your kids to study. Plus, I could expand it with vocabulary lessons, programming syntax practice, and more. I wrote about it here and love hear your thoughts!

https://koenvangilst.nl/blog/ai-enhanced-learning

#AI #edtech #education

AI Enhanced Learning – Koen van Gilst

How to use AI to create personalized learning experiences

Koen van Gilst

I just asked ChatGPT to do a basic spell and grammar check on some of my blog posts and website articles. It works pretty well, but the process of copying and pasting the paragraphs is rather time-consuming.

Does anyone know if there's a VSCode plugin available for this?

It would be even better if it could automatically create a pull request on GitHub for my repo like this: **https://github.com/vnglst/koenvangilst.nl/pull/125**

fix: spellcheck by chatgpt by vnglst · Pull Request #125 · vnglst/koenvangilst.nl

Personal website using Next.js. Contribute to vnglst/koenvangilst.nl development by creating an account on GitHub.

GitHub

I guess they took the advice that "the **value of a CI/CD Pipeline** is inversely proportional to how long the pipeline takes to run." a bit too far.

https://matt-rickard.com/reflections-on-10-000-hours-of-devops

Reflections on 10,000 Hours of DevOps

Some reflections after putting 10,000 hours into DevOps engineering. From my early adolescence doing sysadmin work, customizing my Arch Linux installation, to running a server in the closet of my college dorm (narrator: it was loud, and my email rarely delivered), to working on open-source DevOps at Google — I’ve probably put in many more hours. It’s hard to tell how many of those counted as Malcolm Gladwell’s “deliberate practice,” but these are the lessons learned nonetheless. (Also see my mo

Matt Rickard

Say what you will about the source code of the Twitter algorithm, but their CI is pretty impressive:

https://github.com/twitter/the-algorithm/tree/main/ci

the-algorithm/ci at main · twitter/the-algorithm

Source code for Twitter's Recommendation Algorithm - the-algorithm/ci at main · twitter/the-algorithm

GitHub