Make and deploy your own blog in under 30 mins

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

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • WorkOS - The modern identity platform for B2B SaaS
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • remix-blog

    bare-bones blog app using remix, mdx and tailwindcss for styling (by nexxeln)

    Code for this tutorial: https://github.com/nexxeln/remix-blog My Blog: https://blog.nexxel.dev

  • vercel

    Develop. Preview. Ship.

    Then go to Vercel and login in with GitHub. Click on new project. Import the repository that you uploaded the code to. Choose Remix as your framework preset and then click on deploy!

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  • tailwindcss-typography

    Beautiful typographic defaults for HTML you don't control.

    Congratulations if you have made this far because we are almost done. If you look at the current state of our blog, it isn't very readable. The typography sucks. So we're going to use Tailwind for this, more specifically the @tailwindcss/typography plugin which will make our blog look super nice. Let's set up Tailwind first.

  • Tailwind CSS

    A utility-first CSS framework for rapid UI development.

    TailwindCSS for styling.

  • mdx

    Markdown for the component era

    MDX for writing the blog posts.

  • Highlight.js

    JavaScript syntax highlighter with language auto-detection and zero dependencies.

    Let's add some syntax highlighting first. For this we're going to use hightlight.js as it's the most popular.

  • Puts Debuggerer

    Ruby library for improved puts debugging, automatically displaying bonus useful information such as source line number and source code.

    First, delete the app/styles directory (that was our compiled css that was generated) and then upload this code to GitHub. I'm assuming you know how to do that, if you don't feel free to ask in the comment section or just look it up online.

  • WorkOS

    The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

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