Make your own Dev.to CMS livestream - Part 4

Make your own Dev.to CMS livestream - Part 4

swyx - Apr 3 '20 -

- Dev Community

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

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

Things covered

[x] Redirect to edit after posting
[x] Markdown preview with toggles
[x] Async status -> nicer UX when clicking submit
- [x] Disable submit button
- [x] show spinner while inflight - web component!! https://github.com/craigjennings11/wc-spinners/
- [x] Show error! - using notifications as a hook!

Video

Here is the YouTube livestream (3 hours).

Dev.To embed:

Today we fixed some bugs in the codebase and found new ones!

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

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .