Tutorials in Web Development

Category Featured Tutorial

TDD with Gatsby, Django & Docker Part 1, Chapter 04 — Mutations

Mutations In order to post data to a server with Graphql we use a process called mutations which are similar to the query process we defined in our last post. TDD Graphene Mutations We’ll begin by writing a test for… Continue Reading →

TDD with Gatsby, Django & Docker Part 1, Chapter 05 — Django JWT

Authentication with GraphQL & JWT Django comes with Users built in so, first we build our user app. Create Our First User Create a new folder called /server/users at the root of server with a new file schema.py: /todo-app-graphql/server/users/schema.py In… Continue Reading →

TDD with Gatsby, Django & Docker Part 1, Chapter 06 — Testing Django Mutations with JWT

Django JWT Testing Since we implemented JWT authentication in our previous post all our mutation tests will fail. Why? Because our server/todo_app/schema.py is now testing to confirm that an authenticated user is logged in. After all, we don’t want anybody… Continue Reading →

TDD with Gatsby, Django & Docker Part 1, Chapter 07 — Backup DB & Makefile

Backing Up Our Database One of the final tasks we need to address is how to back up a postgres database running inside a docker container. Not that difficult: After running the command above if you check the contents of… Continue Reading →

TDD with Gatsby, Django & Docker Part 2, Chapter 08 — Setup Gatsby Development Environment

Using test driven development (TDD), with Gatsby and Docker.

TDD with Gatsby, Django & Docker Part 2, Chapter 08 — Setup Gatsby Development Environment Updated

Using test driven development (TDD), with Gatsby and Docker.

TDD with Gatsby, Django & Docker Part 2, Chapter 09 — Configure Apollo

How to use the Apollo client to let Gatsby talk to Django Graphene.

TDD with Gatsby, Django & Docker Part 2, Chapter 10 — Setup Gatsby for TDD ~

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 →

TDD with Gatsby, Django & Docker Part 2, Chapter 11 — Layout Component & Typography

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 →

TDD with Gatsby, Django & Docker Part 2, Chapter 12 — Styled Components

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 →

« Older posts Newer posts »

© 2025 Leeson Research

Up ↑