Search
Embedded Content in Markdown
31.12.2019
Markdown supports HTML, so if you need to, say, embed a YouTube video, you can just copy and paste the embed code from them, drop it into a Markdown document, and you should be good to go. With YouTube specifically, there are other options. But in general, you don't need to do anything special...
Gatsby and WordPress
31.12.2019
Gatsby and WordPress is an interesting combo to watch. On one hand, it makes perfect sense. Gatsby can suck up data from anywhere, and with WordPress having a native REST API, it makes for a good pairing. Of course Gatsby has a first-class plugin for sourcing data from WordPress that even supports...
Stream-Crossing Confusion
23.12.2019
Should I use WordPress or React hooks?
Should I use D3 or CSS?
Should I use Markdown or JSON?
Can I use flexbox in Gatsby?
Can I use custom properties in Jekyll?
Should I use HTML or the cloud?
How do I add dark mode to my Vue site?
These are tongue-in-cheek, but there is a point to be made here....
How to the Get Current Page URL in Gatsby
20.12.2019
This seemingly simple task had me scratching my head for a few hours while I was working on my website. As it turns out, getting the current page URL in Gatsby is not as straightforward as you may think, but also not so complicated to understand.
Let’s look at a few methods of making it happen....
Ways to Organize and Prepare Images for a Blur-Up Effect Using Gatsby
18.11.2019
Gatsby does a great job processing and handling images. For example, it helps you save time with image optimization because you don’t have to manually optimize each image on your own.
With plugins and some configuration, you can even setup image preloading and a technique called blur-up for your...
A Beginner’s Journey to Launching a Website
22.7.2019
In September 2018, I was just a few months into my journey of learning web development. As I'm sure is the case with many new developers, it was a big task for me to learn not only the basic skills required, but also keeping current with the fast-moving industry. Just as I was getting to the level...
Collective #534
22.7.2019
Gradient Magic * Locomotive Scroll * Stein * Gatsby Themes * ImportDoc * TabNine * Sidelist
Collective #534 was written by Pedro Botelho and published on Codrops
Using GraphQL Playground with Gatsby
18.7.2019
I’m assuming most of you have already heard about Gatsby, and at least loosely know that it’s basically a static site generator for React sites. It generally runs like this:
Data Sources → Pull data from anywhere.
Build → Generate your website with React and GraphQL.
Deploy → Send the site to...
The Power of Serverless v2.0! (Now an Open-Source Gatsby Site Hosted on Netlify)
23.5.2019
I created a website called The Power of Serverless for Front-End Developers over at thepowerofserverless.info a little while back while I was learning about that whole idea. I know a little more now but still have an endless amount to learn. Still, I felt like it was time to revamp that site a bit....
Animated Page Transitions in Gatsby Websites
21.5.2019
GatsbyJS is a React-based static site generator powered by GraphQL. It makes it possible for you to code and develop your site, while Gatsby transforms it into a directory with a s
Building a Custom Sitemap for Your Gatsby.js Site
3.4.2019
Building static sites with React.js using Gatsby.js seem to be more and more a topic of debate when you require an easy to deploy setup, blazing fast speed and smooth developer experience. Gatsby h
It’s pretty cool how Netlify CMS works with any flat file site generator
21.3.2019
Little confession here: when I first saw Netlify CMS at a glance, I thought: cool, maybe I'll try that someday when I'm exploring CMSs for a new project. Then as I looked at it with fresh eyes: I can already use this! It's a true CMS in that it adds a content management UI on top of any static site...
Adding Search to Your Site with JavaScript
20.3.2019
Static website generators like Gatsby and Jekyll are popular because they allow the creation of complex, templated pages that can be hosted anywhere. But the awesome simplicity of website generators is also limiting. Search is particularly hard. How do you allow users to search when you have...
Building a Video Blog with Gatsby and Markdown (MDX)
15.1.2019
Since the dawn of the web, performance has been an important factor for web development because slow speeds often lead to a loss of visitors and, ultimately, depletion in revenue for commercial sit
Add real-time comments to a Gatsby blog
26.6.2018
(This is a sponsored post.)
This tutorial will show you how to add realtime comments to a Gatsby blog. You will use Node and Express to create a simple backend, allowing users to add and view comments instantly.
Direct Link to Article — Permalink…
The post Add real-time comments to...
Forms, Auth and Serverless Functions on Gatsby and Netlify
31.5.2018
Abstracting infrastructure is in our DNA. Roads, schools, water supply networks—you get the idea. Web development is no exception: serverless architectures are a beautiful expression of that phenomenon. Static sites, in particular, are turning into dynamic, rich experiences.
Handling static...