DEV Community

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

Posted on

6 3

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)

The best way to debug slow web pages cover image

The best way to debug slow web pages

Tools like Page Speed Insights and Google Lighthouse are great for providing advice for front end performance issues. But what these tools canโ€™t do, is evaluate performance across your entire stack of distributed services and applications.

Watch video

๐Ÿ‘‹ Kindness is contagious

Please leave a โค๏ธ or a friendly comment on this post if you found it helpful!

Okay