Working on the Frontend with GraphQL
With the rise of GraphQL, developers have been able to build efficient and flexible APIs that cater to the specific needs of their applications. However, GraphQL is not just limited to the backend; it also offers incredible potential on the frontend.
One tool that greatly simplifies our interaction with GraphQL is GraphQL Zeus. This powerful code generator works straight out of the box, and helps us to automatically generate type-safe bindings for our GraphQL schema.
Using the Question and Answer system we created in the previous chapter, we will create a frontend to connect to the already established backend. We will also prepare a good communication layer between this frontend and backend.
By the end of this chapter, you will have a solid understanding of how to create a frontend application using GraphQL, GraphQL Zeus, Vite, and Shadcn.
So, in this chapter, we will cover the following topics:
- Setting up our project
- Preparing...