15

From an Idea to a Working Project – Frontend Integration with GraphQL and TypeScript

In the previous chapter, we used GraphQL to build the backend for a small business management system that a hairdressers or beauty salon could use. In this chapter, we will delve into the exciting world of building a frontend development, and create a frontend for our system to bring it to life.

In this chapter, you will gain a solid understanding of how to create a frontend application using GraphQL, Vite, GraphQL Zeus, and shadcn. Our objective is to design a clean and aesthetically pleasing user interface, as well as to establish a user experience that facilitates seamless authentication with roles. Additionally, we will aim to create a GraphQL client ...

Get GraphQL Best Practices now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.