# Make your own Dev.to CMS livestream - Part 3

Original: https://swyx.io/make-your-own-dev-to-cms-livestream-part-3-c65
Published: 2020-04-01

> This is day 3 of my livecode Dev.to CMS.

This is day 3 of my livecode Dev.to CMS.

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

## Things covered

- How to lose a lot of time with React Query: https://github.com/tannerlinsley/react-query
- Tailwind UI: https://tailwindui.com/

## Video

Here is [the YouTube livestream (3 hours)](https://www.youtube.com/watch?v=ONVp8QivDv0&feature=youtu.be).

Dev.To embed:

{% youtube ONVp8QivDv0 %}

Today we refactored the editor to a standalone component, and then added the ability to edit posts! It now works


We methodically worked thru all issues:

- splitting out an editor component
- creating api endpoint to fetch (GET) a single existing article
    - this later required fetching unpublished articles as well
- creating api endpoint to update (PUT) a single existing article
- wiring it up to the Dashboard (list of articles) and to existing editor pages.


## Catch up on the Dev.to CMS LiveStream!

- [Day 1 - Setup Next.js and Tailwind UI, list posts through API routes](https://dev.to/swyx/make-your-own-dev-to-cms-livestream-part-1-2ad1) - 90 mins
- [Day 2 - setting up a Markdown Editor with Next.js, Tailwind UI, Highlight.js, React Hook Form, and React Query](https://dev.to/swyx/make-your-own-dev-to-cms-livestream-part-2-6mf) - 3 hours
- Quick Fix - [How To Add Monaco Editor to a Next.js app](https://dev.to/swyx/how-to-add-monaco-editor-to-a-next-js-app-ha3) - 18 mins
- [Day 3 - Refactoring to Edit Existing Posts](https://dev.to/swyx/make-your-own-dev-to-cms-livestream-part-3-c65) - 3 hours
- [Day 4 - Polish Day! Implementing Notifications, Markdown preview, and programmatic Redirects, and Using Web Components in Next.js](https://dev.to/swyx/make-your-own-dev-to-cms-livestream-part-4-6em) - 3 hours
- [Instant GraphQL with OneGraph - Screenshares in Public with Sean Grove](https://dev.to/swyx/instant-graphql-with-onegraph-4hi8) - refactoring handrolled Dev.to API access with OneGraph and GraphQL
- [How and Why to Un-Reset Tailwind's CSS Reset](https://dev.to/swyx/how-and-why-to-un-reset-tailwind-s-css-reset-46c5)