An Interest In:
Web News this Week
- April 20, 2024
- April 19, 2024
- April 18, 2024
- April 17, 2024
- April 16, 2024
- April 15, 2024
- April 14, 2024
March 29, 2020 12:08 am GMT
Original Link: https://dev.to/swyx/make-your-own-dev-to-cms-livestream-part-2-6mf
Make your own Dev.to CMS livestream - Part 2
This is day 2 of my livecode Dev.to CMS. See Day 1 here
Source: https://github.com/sw-yx/dev-to-cms
Demo: https://dev-to-cms.now.sh
Things covered
- Syntax Highlighted Editors (Monaco, Prism.js, finally Highlight.js)
- React Hook Form: https://react-hook-form.com/
- React Query: https://github.com/tannerlinsley/react-query
- Tailwind UI: https://tailwindui.com/
Video
Here is the YouTube livestream (3 hours).
Dev.To embed:
For the 1st half, it was pretty easy going. I was mostly pulling components off of Tailwind UI and assembling an editor!
For the 2nd half, I mainly faced issues with trying to integrate Monaco and then Prism.js. Finally landed on Highlight.js.
Links
- Here is Day 1 - Setup Next.js and Tailwind UI, list posts through API routes - 90 mins
- This is Day 2 - setting up a Markdown Editor with Next.js, Tailwind UI, Highlight.js, React Hook Form, and React Query - 3 hours
Original Link: https://dev.to/swyx/make-your-own-dev-to-cms-livestream-part-2-6mf
Share this article:
Tweet
View Full Article
Dev To
An online community for sharing and discovering great ideas, having debates, and making friendsMore About this Source Visit Dev To