Fullstack app using Django, Vite, React, Graphql, and Relay

I’ve recently needed to set up a new web app. In my last job (currently on a one year break!), the tech stack was well-established. Now, out of the cage and with the freedom to choose (which is awesome!), I’m feeling a bit overwhelmed by the sheer number of options available.

To avoid analysis paralysis, I’ve decided to pick the things I liked about my previous job’s stack and see if there are suitable alternatives for each element.

I’ve ended up with this selection:

• Server side

  • Django: batteries included. The framework I used is not opensourced.
  • Strawberry (GraphQL): use decorators to quickly turn classes into GraphQL types

• Client side

  • React: this is what I used
  • Vite: fast
  • Relay (GraphQL): this is what I used and also a big fan of.

I will write a series of posts walking you through the process of creating a simple web application from scratch, using the above stack. Note that this contains lots of beginner steps as I’m new to the stack, except for React and GraphQL (+Relay).

Links to each part of the series are below:

• Part 1: Django and Vite
• Part 2: Django and Strawberry
• Part 3: Prepare demo data
• Part 4: Relay - Query Basics
• Part 5: Refactoring resolvers
• Part 6: Fragments
• Part 7: Arrays and lists
• Part 8: Queries for interactions
• Part 9: Iterfaces and Polymorphism
• Part 10: Final