DEV Community

Cover image for A free & open source tool by Facebook to create your blog site
kapeel kokane
kapeel kokane

Posted on

A free & open source tool by Facebook to create your blog site

Hey There πŸ‘‹πŸΎ

Are you looking to start a developer blog soon?

Do you already have one but you are not happy with it and want to migrate it?

I have news for you. Read along πŸ‘‡πŸΎ

Features

Before jumping into why this tool is amazing, let us first set the definition for what makes a blogging tool great.

  • It let's you write in markdown
  • There definitely needs to be code syntax highlighting
  • markdown is not enough, there need to be custom elements
  • There should be a support to create custom non-markdown pages
  • And off-course, a dark mode.
  • How about a site-wide search as well?

What if I told you that there is a framework that supports all these features right out of the box and that it is freely available?

Well, here it is: Docusaurus.
docusaurus image

It is a documentation framework by Facebook which is used by some of the giants in the industry like: ionic, redux, react native and hundreds more as mentioned on this page. But do not assume it to be just a documentation tool.

It is an all inclusive toolkit to build full-fledged website like this one: Technical Interview Handbook

Here's the main page custom built with React:
interview handbook main page
The brilliance of the website above is that they have even customized it to show Carbon Ads in the sidebar.

Here's how a sample page in the site looks like:
interview handbook sample article

Notice the green visual element. It adds a nice touch to the UI. Good enough for a blog site, right?

Interested? Want to know how to create your own?

This video will guide you with just that:

In the video:

  • A walkthough of docusaurus features
  • How to create a home page
  • How to utilize the blog feature
  • How to utilize the tutorial feature

Cheers! πŸ™ŒπŸΎ

Top comments (0)