I over-engineered my blog, and here’s what I’ve learned

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • SonarLint - Deliver Cleaner and Safer Code - Right in Your IDE of Choice!
  • OPS - Build and Run Open Source Unikernels
  • Scout APM - Less time debugging, more time building
  • prism-react-renderer

    🖌️ Renders highlighted Prism output to React (+ theming & vendored Prism)

    As I didn’t have enough time to play with it, I went with another package, prism-react-renderer. It allowed me to access the raw code text in between the conversion process of next-mdx-remote, for it is a wrapper around the block.Therefore, I use it to stick it to the clipboard on button click with ease.

  • use-dark-mode

    A custom React Hook to help you implement a "dark mode" component.

    use-dark-mode, for handling dark mode.

  • SonarLint

    Deliver Cleaner and Safer Code - Right in Your IDE of Choice!. SonarLint is a free and open source IDE extension that identifies and catches bugs and vulnerabilities as you code, directly in the IDE. Install from your favorite IDE marketplace today.

  • next-seo

    Next SEO is a plug in that makes managing your SEO easier in Next.js projects.

    next-seo, for managing SEO stuff.

  • next-mdx-remote

    Load mdx content from anywhere through getStaticProps in next.js

    Read more why it’s better than next-mdx-enhanced, and what it is solving.

  • rehype-prism

    rehype plugin to highlight code blocks in HTML with Prism (via refractor)

    rehype-prism, for highlighting code syntax.

  • rehype

    HTML processor powered by plugins part of the @unifiedjs collective

    Add optional plugins. To use remark and rehype plugins, specify them in the remarkPlugins array in the first step.

  • next-pwa

    Zero config PWA plugin for Next.js, with workbox 🧰

    next-pwa, for PWA support.

  • OPS

    OPS - Build and Run Open Source Unikernels. Quickly and easily build and deploy open source unikernels in tens of seconds. Deploy in any language to any cloud.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts