Blog
On IT Architecture and Cyber Security.
Visualizing IT Architecture in three languages, UML, C4 and ArchiMate
What are the differences and what are these languages most used for?
OAuth 2.0 and OpenID Connect Sequence Diagrams
Technical specs can be hard to read. While still highly technical, the UML Sequence Diagrams provided in this blog are a lot easier to understand.
UI Library with MDX documentation
Using the simple Render JSX plugin for Esbuild this post shows how to setup a simple UI library.
Render JSX plugin for Esbuild
Transform Esbuild generated JSX bundles to HTML pages.
Esbuild as a static site generator for MDX
Static site generators gain popularity. This blog is about using Esbuild as a static site generator for MDX.
11ty and Github pages
Simplifying the Contentful-Gatsby-Netlfy trio.
OWASP and CISSP
OWASP recommendations from the independent information security certification CISSP.
NPM7 and @npmcli/arborist
@npmcli/arborist is a powerful library that handles the new NPM 7 workspaces. This blog is about a simple make tool that uses the library.
Comparing React app, Nextjs and Gatsby
A new React project starts with a React toolchain. Main tools in the chains are SSR, React server components and GraphQL.
Versioning strategy for NPM modules
It is important to be able to bump the version of a NPM package without side effects.
React component themes and CSS variables
Creating React components with flexible themes by using CSS variables.
Content modeling with variants
The efficiency of a variant field in a content model.
Documentation
Documenting a software project is challenging. Here's a few simple guidelines that help a team writing clear documentation.
Javascript history
In 1986 David Ungar and Randall B. Smith developed Self at Xerox PARC. Inspired by Java, Scheme and Self Brendan Eich created Javascript in 1995.
On Javascript transpilers, bundlers and modules
There's Javascript transpilers, modules, bundles and bundlers. This is a brief overview of all of these.
Agile Scrum
The Agile Scrum framework is flexible enough to be used in many different ways. Here's one way of working.
What happened to Wheelroom?
Founded in 2018. Started to fly in 2020 and abandoned in 2021. What happened?
Contentful, Netlify and Gatsby four years later
What did we learn from using Contentful for four years?
Typescript interface for React UI components
How to define an interface for React UI components that prevents breaking changes.
Naming React components
What's in a name? A clear naming strategy helps developers communicate. Most devs rather spend time writing component code than wasting time on a good component name.