Remix and GraphQL are two of the most exciting technologies in web development today. Remix is a new frontend framework that makes it easy to build efficient and type-safe applications. GraphQL is a query language that makes it easy to fetch data from a variety of sources. In this session, we will discuss how Remix and GraphQL can be used together to create a more efficient and type-safe development experience. We will cover the following topics: - The challenges of developing web applications with traditional templating languages - How Remix can be used to improve state management and data fetching - How GraphQL can be used to improve the development experience for Remix applications - The benefits of using Remix and GraphQL together This session is for anyone interested in learning more about Remix and GraphQL. No prior experience with either technology is required.

1. Remix & GraphQL:
A match made in
heaven with
type-safety DX

2. Jesus Manuel Olivas
CEO and Co-founder at Octahedroid
@jmolivas

3. We are a professional services and
consulting agency specialized in helping
enterprise customers implement
modern front-end technologies with
Headless CMS platforms.

4. Graphabase: Create
your GraphQL API

6. Connect all your data sources

7. Customize your API

8. DB Connections

10. GenQL:
Generate your
SDK

14. Remix:
Consume your
SDK

15. Create your
Index Page?
Create a Route
(app/routes/_index.tsx)
Call GenQL Client
From Remix loader.
Return a function
That render React components using
the fetched data from the loader.

16. Import Components

17. The Client

18. Fragments 1/2

19. Fragments 2/2

20. Loader 1/2

21. Loader
2/2

22. Index

24. 01 Create schemas using zod.
Mutations
02
03
Use remix-forms.
Execute mutations via GraphQL to
create, update and/or delete records
on the remote DB.

25. Import Components

26. Create schemas

27. Loader

28. Form

29. Loader 1/2

30. GraphQL
Mutation

31. Got swag? 😎
Get some free stickers.
Questions & Answers
@jmolivas
@OctahedroidHQ

32. Remix and GraphQL:
A match made in heaven
with type-safety DX
Jesus Manuel Olivas
@jmolivas
CEO and Co-founder at Octahedroid