Latest articles on "Web Development" - Page 2

In this guide, we will learn how to implement a Table Of Contents in a Gatsby website with WordPress. A Table Of Contents (or TOC) is a fundamental tool to show our users how we have structured an article. Thanks to a Table Of Contents, which is nothing more than a clickable list of links […]

useState is the React Hook that allows you to manage the state within functional components. useState, like all other hooks, was introduced with React 16.8 and allows you to create stateful functional components. In fact, before React 16.8, to write a stateful component we were forced to create a class component extending the React.Component class […]

If you are having trouble extending the Gatsby Link component and GatsbyLinkProps in Typescript, this is the article for you. Keep reading because in the next sections we will explain why and how to solve the issue. In this article we explain: the Gatsby Link Typescript problem; how to extend Gatsby’s GatsbyLinkProps correctly in Typescript […]

AWS documentation officially recommends exporting a MySQL database to Amazon S3 using the Data Pipeline service, but what if we want something a bit more dynamic? In this article, we will see how to backup a MySQL database and save it in an Amazon S3 bucket using a simple script written in Python. Also, we […]

We have already read how to add React to an existing Webpack project and, similarly, we will now learn how to add Typescript to a Webpack project (React is supported!). In this article we will see: required dependencies how to init Typescript Webpack configuration (with React support) allow Js files in Typescript project Required dependencies […]

To add React into an existing project where we are already using Webpack, we must follow these simple steps: install and add babel install and add react and react-dom hot reload with webpack-dev-server Add Babel to Webpack First, we add babel to our project (if we haven’t already) with babel-loader, react-preset, and support to es6 […]

If you use Gatsby with WordPress, you may experience an unusual crash when uploading or updating an image within the content of a post. The error should look something like this: The crash is related to the Gatsby gatsby-source-wordpress-experimental plugin and usually occurs on a WordPress installation with Gutenberg. The Gutenberg editor (but also WordPress […]

In this article, we will see how to add a Related Posts section to our Gatsby WordPress. Related posts are an essential tool to improve your blog’s SEO ranking and to make navigation through the website more intuitive. To add related posts to Gatsby we need to: install YARPP WordPress plugin enable YARPP Rest APIs […]