Make your own Dev.to CMS livestream - Part 3
This is day 3 of my livecode Dev.to CMS.
- How to lose a lot of time with React Query: https://github.com/tannerlinsley/react-query
- Tailwind UI: https://tailwindui.com/
Here is the YouTube livestream (3 hours).
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.
- 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