Versión en EspañolES

Construyendo backends de GraphQL con SDL

Jamie Barton

Dev Rel @ Turso

Recording and certification are available to Multipass and Full ticket holders only

Please login if you have one.

Get Multipass

Bookmark

En este masterclass cubriremos los conceptos básicos de GraphQL y luego utilizaremos ese conocimiento para construir un backend utilizando SDL. Una vez que hayamos creado nuestro esquema, lo ejecutaremos localmente, lo desplegaremos en producción y crearemos ramas de despliegue para cualquier cambio en nuestro esquema. Terminaremos el masterclass obteniendo datos de nuestro backend desde el frontend, así como agregando autenticación para proteger el acceso a los datos.

Configuración en Mac con Node y NPM (si deseas seguirlo localmente). De lo contrario, una cuenta en CodeSandbox servirá.

This workshop has been presented at React Advanced 2022, check out the latest edition of this React Conference.

FAQ

Para crear una cuenta en Graphbase, visita el sitio web graphbase.com y sigue las instrucciones para registrarte y configurar tu cuenta.

Para configurar un backend con GraphQL SDL, debes crear una cuenta en Graphbase, iniciar el proyecto con el comando 'npx graphbase at latest', seguir las instrucciones para inicializar con 'init', y definir tu esquema SDL.

Después de crear y configurar tu backend localmente, puedes desplegarlo en Graphbase iniciando sesión en tu cuenta, seleccionando tu proyecto y utilizando las opciones de despliegue disponibles en la plataforma.

Para agregar autenticación, puedes integrar un proveedor de autenticación como Clerk. Necesitarás configurar el proveedor en tu proyecto y ajustar tu esquema y servidor GraphQL para manejar la autenticación.

Puedes encontrar recursos y tutoriales sobre GraphQL en el sitio graphql.wtf, donde Jamie publica videos semanales que cubren diversos temas relacionados con GraphQL.

Si tienes preguntas o sugerencias para futuros videos sobre GraphQL, puedes enviar un mensaje a Jamie a través de Twitter o en el chat disponible en las plataformas donde publica sus videos.

Graphbase es una plataforma que permite a los desarrolladores crear y desplegar backends basados en GraphQL SDL. Ofrece características como la generación automática de API basadas en el esquema definido, manejo de autenticación, y despliegues en el edge.

node.js graphql

Jamie Barton

91 min

31 Oct, 2022

Comments

Video Summary and Transcription

El masterclass cubre el proceso de creación de un backend con GraphQL SDL, su despliegue en GraphBase y su conexión con React. Explora los conceptos básicos del esquema de GraphQL y el servidor local, los bordes, nodos y mutaciones de GraphQL, y las operaciones de la API de GraphQL y los campos únicos. El masterclass también cubre el despliegue del proyecto en GraphBase y GitHub, la adición de campos e importación en GraphBase, y el despliegue en el borde como un backend de API de GraphQL. Discute la historia de la base de datos y la información de las solicitudes, la autorización y los cambios en el esquema, y la configuración de la autenticación con Click Provider. El masterclass concluye con temas como la obtención de publicaciones con Apollo Client, la configuración de Apollo Client y el middleware de autenticación, y la generación de código GraphQL y la autenticación del backend.

Available in English: Building GraphQL backends with SDL

Video transcription and chapters available for users with access.

Available in other languages:

Watch more workshops on topic

Construir con SvelteKit y GraphQL

GraphQL Galaxy 2021

140 min

Construir con SvelteKit y GraphQL

Top Content

Featured WorkshopFree

Scott Spence

¿Alguna vez has pensado en construir algo que no requiera mucho código de plantilla con un tamaño de paquete pequeño? En esta masterclass, Scott Spence irá desde el hola mundo hasta cubrir el enrutamiento y el uso de endpoints en SvelteKit. Configurarás una API de GraphQL en el backend y luego usarás consultas de GraphQL con SvelteKit para mostrar los datos de la API de GraphQL. Construirás un proyecto rápido y seguro que utiliza las características de SvelteKit, y luego lo desplegarás como un sitio completamente estático. Este curso es para los curiosos de Svelte que no han tenido una experiencia extensa con SvelteKit y quieren una comprensión más profunda de cómo usarlo en aplicaciones prácticas.

Tabla de contenidos:
- Inicio e introducción a Svelte
- Inicializar el proyecto frontend
- Recorrido por el proyecto esqueleto de SvelteKit
- Configurar el proyecto backend
- Consultar datos con GraphQL
- Recuperación de datos en el frontend con GraphQL
- Estilización
- Directivas de Svelte
- Enrutamiento en SvelteKit
- Endpoints en SvelteKit
- Despliegue en Netlify
- Navegación
- Mutaciones en GraphCMS
- Envío de mutaciones GraphQL a través de SvelteKit
- Preguntas y respuestas

graphql svelte

Construye Aplicaciones Modernas Utilizando GraphQL y Javascript

Node Congress 2024

152 min

Construye Aplicaciones Modernas Utilizando GraphQL y Javascript

Featured Workshop

2 authors

Ven y aprende cómo puedes potenciar tus aplicaciones modernas y seguras utilizando GraphQL y Javascript. En este masterclass construiremos una API de GraphQL y demostraremos los beneficios del lenguaje de consulta para APIs y los casos de uso para los que es adecuado. Se requiere conocimiento básico de Javascript.

case study web development graphql

Seguridad de tipo de extremo a extremo con React, GraphQL y Prisma

React Advanced 2022

95 min

Seguridad de tipo de extremo a extremo con React, GraphQL y Prisma

Featured WorkshopFree

Sabin Adams

En este masterclass, obtendrás una visión de primera mano de lo que es la seguridad de tipo de extremo a extremo y por qué es importante. Para lograr esto, construirás una API de GraphQL utilizando herramientas modernas y relevantes que serán consumidas por un cliente de React.
Prerrequisitos: - Node.js instalado en tu máquina (12.2.X / 14.X)- Se recomienda (pero no es obligatorio) utilizar VS Code para las tareas prácticas- Un IDE instalado (se recomienda VSCode)- (Bueno tener) *Un conocimiento básico de Node.js, React y TypeScript

react graphql prisma prisma react

GraphQL para Desarrolladores de React

GraphQL Galaxy 2022

112 min

GraphQL para Desarrolladores de React

Featured Workshop

Roy Derks

Hay muchas ventajas en utilizar GraphQL como fuente de datos para el desarrollo frontend, en comparación con las API REST. Nosotros, los desarrolladores, por ejemplo, necesitamos escribir mucho código imperativo para recuperar datos y mostrarlos en nuestras aplicaciones y manejar el estado. Con GraphQL, no solo puedes reducir la cantidad de código necesario para la obtención de datos y la gestión del estado, sino que también obtendrás una mayor flexibilidad, mejor rendimiento y, sobre todo, una mejor experiencia de desarrollo. En este masterclass aprenderás cómo GraphQL puede mejorar tu trabajo como desarrollador frontend y cómo manejar GraphQL en tu aplicación frontend de React.

react graphql

Construye una aplicación WordPress sin cabeza con Next.js y WPGraphQL

React Summit 2022

173 min

Construye una aplicación WordPress sin cabeza con Next.js y WPGraphQL

Top Content

WorkshopFree

Kellen Mace

En esta masterclass, aprenderás cómo construir una aplicación Next.js que utiliza Apollo Client para obtener datos de un backend de WordPress sin cabeza y usarlo para renderizar las páginas de tu aplicación. Aprenderás cuándo debes considerar una arquitectura de WordPress sin cabeza, cómo convertir un backend de WordPress en un servidor GraphQL, cómo componer consultas usando el IDE GraphiQL, cómo colocar fragmentos GraphQL con tus componentes, y más.

next.js wordpress graphql

Modelado de Bases de Datos Relacionales para GraphQL

GraphQL Galaxy 2020

106 min

Modelado de Bases de Datos Relacionales para GraphQL

Top Content

WorkshopFree

Adron Hall

En esta masterclass profundizaremos en el modelado de datos. Comenzaremos con una discusión sobre varios tipos de bases de datos y cómo se mapean a GraphQL. Una vez que se haya establecido esa base, el enfoque se desplazará a tipos específicos de bases de datos y cómo construir modelos de datos que funcionen mejor para GraphQL en varios escenarios.
Índice de contenidosParte 1 - Hora 1 a. Modelado de Datos de Bases de Datos Relacionales b. Comparando Bases de Datos Relacionales y NoSQL c. GraphQL con la Base de Datos en menteParte 2 - Hora 2 a. Diseño de Modelos de Datos Relacionales b. Relación, Construcción de Tablas Multijoin c. Complejidades de Consulta de Modelado de Datos Relacionales y GraphQL
Prerrequisitos a. Herramienta de modelado de datos. El formador utilizará dbdiagram b. Postgres, aunque no es necesario instalar esto localmente, ya que estaré utilizando una imagen de Dicker de Postgres, de Docker Hub para todos los ejemplos c. Hasura

database graphql

Check out more articles and videos

We constantly think of articles and videos that might spark Git people interest / skill us up or help building a stellar career

De GraphQL Zero a GraphQL Hero con RedwoodJS

GraphQL Galaxy 2021

32 min

De GraphQL Zero a GraphQL Hero con RedwoodJS

Top Content

Tom Preston-Werner

GitHub cofounder, RedwoodJS author

Tom Pressenwurter introduces Redwood.js, a full stack app framework for building GraphQL APIs easily and maintainably. He demonstrates a Redwood.js application with a React-based front end and a Node.js API. Redwood.js offers a simplified folder structure and schema for organizing the application. It provides easy data manipulation and CRUD operations through GraphQL functions. Redwood.js allows for easy implementation of new queries and directives, including authentication and limiting access to data. It is a stable and production-ready framework that integrates well with other front-end technologies.

frameworks graphql redwoodjs builders and founders

Estado Local y Caché del Servidor: Encontrando un Equilibrio

Vue.js London Live 2021

24 min

Estado Local y Caché del Servidor: Encontrando un Equilibrio

Top Content

Natalia Tepluhina

GitLab

This Talk discusses handling local state in software development, particularly when dealing with asynchronous behavior and API requests. It explores the challenges of managing global state and the need for actions when handling server data. The Talk also highlights the issue of fetching data not in Vuex and the challenges of keeping data up-to-date in Vuex. It mentions alternative tools like Apollo Client and React Query for handling local state. The Talk concludes with a discussion on GitLab going public and the celebration that followed.

graphql vue server cache

Es una jungla ahí fuera: ¿Qué está pasando realmente dentro de tu carpeta Node_Modules?

Node Congress 2022

26 min

Es una jungla ahí fuera: ¿Qué está pasando realmente dentro de tu carpeta Node_Modules?

Top Content

Feross Aboukhadijeh

Feross is the author and maintainer of WebTorrent, StandardJS, and 100s of other open source projects

The talk discusses the importance of supply chain security in the open source ecosystem, highlighting the risks of relying on open source code without proper code review. It explores the trend of supply chain attacks and the need for a new approach to detect and block malicious dependencies. The talk also introduces Socket, a tool that assesses the security of packages and provides automation and analysis to protect against malware and supply chain attacks. It emphasizes the need to prioritize security in software development and offers insights into potential solutions such as realms and Deno's command line flags.

node.js security

Hacia una Biblioteca Estándar para Runtimes de JavaScript

Node Congress 2022

34 min

Hacia una Biblioteca Estándar para Runtimes de JavaScript

Top Content

James Snell

Workers team @Cloudflare

There is a need for a standard library of APIs for JavaScript runtimes, as there are currently multiple ways to perform fundamental tasks like base64 encoding. JavaScript runtimes have historically lacked a standard library, causing friction and difficulty for developers. The idea of a small core has both benefits and drawbacks, with some runtimes abusing it to limit innovation. There is a misalignment between Node and web browsers in terms of functionality and API standards. The proposal is to involve browser developers in conversations about API standardization and to create a common standard library for JavaScript runtimes.

javascript component library node.js

ESM Loaders: Mejorando la carga de módulos en Node.js

JSNation 2023

22 min

ESM Loaders: Mejorando la carga de módulos en Node.js

Gil Tayar

Microsoft, Israel

ESM Loaders enhance module loading in Node.js by resolving URLs and reading files from the disk. Module loaders can override modules and change how they are found. Enhancing the loading phase involves loading directly from HTTP and loading TypeScript code without building it. The loader in the module URL handles URL resolution and uses fetch to fetch the source code. Loaders can be chained together to load from different sources, transform source code, and resolve URLs differently. The future of module loading enhancements is promising and simple to use.

node.js

Diagnostics de Node.js listos para usar

Node Congress 2022

34 min

Diagnostics de Node.js listos para usar

Colin Ihrig

Member of the Node.js Technical Steering Committee

This talk covers various techniques for getting diagnostics information out of Node.js, including debugging with environment variables, handling warnings and deprecations, tracing uncaught exceptions and process exit, using the v8 inspector and dev tools, and generating diagnostic reports. The speaker also mentions areas for improvement in Node.js diagnostics and provides resources for learning and contributing. Additionally, the responsibilities of the Technical Steering Committee in the TS community are discussed.

node.js