Hola, I'm Alberto Fortes.

Blog posts (10):

Showing the before pseudo-class of a hidden div.

Today I had to do figure out a way to show an automatic message on a hidden div (which had display: hidden), so the idea was that the user…

How to do a Progressive Web App with Gatsby

This 7th Challenge is about turning our Gatsby site in a RealProgressive Web APP. “Progressive web app” (PWA) is both a general term for a…

Diferences between function based and class based components in React JS

According to the official ReactJS documentation we can define React components in two ways: As a function or as a EC6 Class A function…

How to add a form in your Gatsby React site..

This Challenge is about learning to add React components to your Gatsby sites, and specifically adding a contact form with the Formik React…

How to use Gatsby Image API with markdown and static files.

Third Challenge on #100DaysOfGatsby Challenge is about performance: Auto-Optimize Images on Your Gatsby Site. You can just follow Gatsby…

How to make a list of tags in a Gatsby JS blog

This is a basic tutorial belongs to #100DaysOfGatsby Challenge. Problem: We have a Markdown basic blog system under GatsbyJS. We want to do…

100 days of Gatsby Challenge

Starting at 1st Jan, 2020 a Worldwide coding Challenge started: #100DaysOfGatsby Challenge. TO DO

Code block highlights for Gatsby ReactJS blogs

If you are using Gatsby as static website or blog, probably you are a developer. In that case, you will need code syntax highlighting to the…

Hello World

This is my first MD post file. I will do a new blog based in Gatsby and Markdown served via Github. This is an exercise based in…

Sorting a GatsbyJS-blog posts list with GraphQL

Problem. We have a list of .md pages to display in a page, and we want to show them in a certain order, usually, date. To show them, a basic…