Instant GraphQL with OneGraph

[swyxio]

---

source: devto devToUrl: "https://dev.to/swyx/instant-graphql-with-onegraph-4hi8" devToReactions: 13 devToReadingTime: 2 devToPublishedAt: "2020-04-03T06:23:06.641Z" devToViewsCount: 175 title: Instant GraphQL with OneGraph subtitle: Screenshare in Public with Sean Grove published: true category: tutorial tags: [Tech, React, Livecoding, Next.js, Tailwind, GraphQL] slug: instant-graphql-onegraph canonical_url: https://www.swyx.io/writing/instant-graphql-onegraph

Here's a recorded screenshare chat I had with Sean Grove (https://twitter.com/sgrove), Cofounder of OneGraph! We swapped out the Next.js API Routes that I manually set up in my livestreaming, to the premade GraphQL integration that OneGraph has with Dev.to. As a bonus, this takes care of user authentication so it doesn't rely on getting Dev.to API keys!

• Youtube Link: https://youtu.be/4NaRQ3B-3fg
• Dev.to Embed: {% youtube 4NaRQ3B-3fg %}

Source: https://github.com/sw-yx/dev-to-cms/commit/150ce146e54f9b63911917b83b24c993341f9496 Live Demo: https://dev-to-cms.now.sh/

Catch up on the Dev.to CMS LiveStream!

• Day 1 - Setup Next.js and Tailwind UI, list posts through API routes - 90 mins
• Day 2 - setting up a Markdown Editor with Next.js, Tailwind UI, Highlight.js, React Hook Form, and React Query - 3 hours
• Quick Fix - How To Add Monaco Editor to a Next.js app - 18 mins
• Day 3 - Refactoring to Edit Existing Posts - 3 hours
• Day 4 - Polish Day! Implementing Notifications, Markdown preview, and programmatic Redirects, and Using Web Components in Next.js - 3 hours
• Instant GraphQL with OneGraph - Screenshares in Public with Sean Grove - refactoring handrolled Dev.to API access with OneGraph and GraphQL
• How and Why to Un-Reset Tailwind's CSS Reset