Tag Gatsby
©2021 photo by Ron Leeson
Set up a Docker development and production environments for Gatsby with docker-compose.
©2021 photo by Ron Leeson
Using test driven development (TDD), with Gatsby and Docker.
©2021 photo by Ron Leeson
Using test driven development (TDD), with Gatsby and Docker.
©2021 photo by Ron Leeson
How to use the Apollo client to let Gatsby talk to Django Graphene.
©2021 photo by Ron Leeson
Setting Up Gatsby for Unit Testing We are going to be using the Jest testing framework for react which was developed by Facebook. So first, we install all the Jest dependencies that play well with Gatsby. I’m not going to… Continue Reading →
©2021 photo by Ron Leeson
Creating the Layout Component We start by creating a layout component in frontend/src/components: Import the layout component into the index page: Spin up the development environment: When you hit http://localhost:8000 you should see the index page something like this: As… Continue Reading →
©2021 photo by Ron Leeson
Styled Components Quoting from the Styled Components Docs: styled-components is the result of wondering how we could enhance CSS for styling React component systems. By focusing on a single use case we managed to optimize the experience for developers as… Continue Reading →
©2021 photo by Ron Leeson
Front End Authentication with Gatsby & JWT Now we are at the point where we want to password protect our Gatsby Todo App. Remember way way back in Part 1 of this tutorial where we implemented JWT authentication for our… Continue Reading →
©2021 photo by Ron Leeson
Build a Mobile Menu with Styled-Components To take a break from the heavy lifting of the previous chapters lets address the need for a mobile friendly menu. For the sake of simplicity we will use our mobile menu for desktop… Continue Reading →
©2021 photo by Ron Leeson
Using test driven development (TDD), with Gatsby and Docker.