Skip to content

Blog

A mix of thoughts, tutorials, and news

Adding a draft feature to your Gatsby site

08/09/20192 min read Category: Quick tip
There are a lot of guides on the internet on how to add default values to your Gatsby schema, e.g. a draft entry in the frontmatter to hide posts that are still work-in-progress. However, all these solutions are kinda hacky, as they for example require you to use environment variables or even define...

Language tabs for Gatsby's code blocks

07/09/20193 min read Category: Quick tip
Integrating syntax highlighting in Gatsby is fairly easy as solutions like gatsby-remark-prismjs or prism-react-renderer exist. When creating the code block in Markdown you specify the desired language (e.g. js or css) after the opening three backticks. It's a nice touch to display the specified lan...

Specimens for Gatsby powered Design Systems

29/08/20192 min read Category: Coding
Some time ago — or should I rather say two years — I created a remark plugin for Gatsby called gatsby-remark-design-system. It was my first deep-dive into remark and customizing the AST. It helped me a lot to understand Gatsby and remark plugins. It's purpose is to display components such as color s...

Setting up a Gatsby Themes workspace with TypeScript, ESLint & Cypress

05/08/201911 min read Category: Tutorial
The Gatsby team recommends developing themes with Yarn & Yarn workspaces which can be intimidating to users who are not yet familiar with workspaces. If you're one of these people or never heard of Gatsby themes before I'd highly recommend visiting the official documentation on Gatsby or watching Ja...

How I used Theme UI to build my Gatsby Themes library

25/07/20195 min read Category: Coding
Building Themes for Gatsby is fun and a great way to share projects with the Open Source community. In the past I mainly created starters which I added to the starter library on Gatsbyjs.org and called it a day. While working on my first starter to theme conversion I realized that I don't have a gre...

Gatsby Starter Portfolio: Jodie

20/05/20191 min read Category: Coding
TypeScript is becoming more and more popular and after a certain training period I was also able to get enthusiastic about it. From this my newest Gatsby starter named "Jodie" was born. Besides TypeScript there is also an integration with Instagram and a well configurable design system....

Tips & Tricks for Gatsby

02/03/20199 min read Category: Tutorial
For some time now I've been trying to publish quick tips about Gatsby on Twitter, because the community loves such short, useful tips. Accordingly, I had already created a Twitter moment back then - but why only content from me? On January 6th of this year I also called the community to share their ...

Gatsby Starter Portfolio: Cara

05/02/20191 min read Category: Coding
react-spring is my personal favorite for animations in React. It also offers a "Parallax" component - and that's exactly what I wanted to use for one of my Gatsby starters. The result was the starter "Cara", which uses this component together with SVGs and CSS animations. Many people have already us...

Top 5: Podcasts 2019

03/02/20191 min read Category: General
Over the past few years, podcasts have (re)become popular, allowing you to choose from an endless list of podcasts. There is something for every taste. Of course, I also like to listen to podcasts on the road, both in German and English, and want to share a small selection with you here. Feel free t...

How Gatsby scales with your expertise & scope

13/12/20184 min read Category: General
Many who use Gatsby are not React professionals, or were not React professionals when they began using Gatsby. Some have used other frameworks before. Some knew JavaScript. Others still may have been entirely new to programming!...

Gatsby Starter for Prismic.io

29/10/20181 min read Category: Coding
Prismic is a hosted, proprietary Headless CMS (SaaS) with a web app for creating and publishing content. It's suitable for marketers, editors and developers as it has both a "Writing Room" and a fully-fledged API & content backend. Besides the usual advantages of a SaaS CMS (hosting, security, updat...

Quick tip: Netlify & Discord webhooks

27/10/20181 min read Category: Quick tip
Netlify supports both incoming and outgoing webhooks for the communication with external services. Also Discord allows the usage of webhooks thus sending notifications to Discord is a no-brainer. You can send messages when the deploy was successful, someone send a message, a pull request was opened ...

Gatsby Starter Portfolio: Emilia

23/01/20181 min read Category: Coding
Today I released my second "Starter" for the React based static site generator Gatsby! After my previous starter had a bright theme, this time I ventured into dark tones and put the focus on the photos. The Theme Emilia has everything a nice portfolio for photographers needs: A short info including ...

10 Tips for Photoshop beginners

24/11/20173 min read Category: Tutorial
The user interface of Photoshop can be as overwhelming at the beginning as the number of available tutorials. The quality of the tutorials differs a lot – that's why these 10 tips are meant especially for beginners, but also for old hands with bad habits. If you internalize these basic principles, y...

Gatsby Starter Portfolio: Emma

06/11/20171 min read Category: Coding
Gatsby allows you to install so-called "starters" via CLI. These are, as the name suggests, preconfigured Gatsby projects that allow a quick start for your own project. Some starters offer a good basis for a design framework (e.g. Google Material Design), others do without styling and focus on funct...

elitepvpers Wallpaper 2017

23/10/20171 min read Category: Freebie
After creating elitepvpers wallpaper for the smartphone, I reissued the old pictures in 4K and created four more in Cinema4D. The new pictures should be minimalistic and use the colors of elitepvpers. Now you can download 13 wallpapers for free!...

Proprius Wallpaper 01

19/10/20171 min read Category: Freebie
From my Proprius project I created some nice pictures, which I now want to make available as wallpapers again and again. At the beginning there are 7 pictures that belong to my favorites and can't be more different. All wallpapers are available in 4K resolution. While creating the wallpapers I could...

Welcome to my blog

14/10/20172 min read Category: General
Gatsby is a static site generator for React.js that allows the user to create fast and dynamic websites. Gatsby focuses on mobile device optimization and automatically creates a PWA (Progressive Web App). The website is populated from various sources: Markdown, CMSs, APIs, databases and many more....