DEV Community

anshul137
anshul137

Posted on

DPS909 Blog :LAB 6 Intro to Docusaurus.

Overview

For this lab we are going to extend our SSG projects by exploring the features of a popular SSG, Docusaurus.

Docusaurus

Docusaurus is a React-based static site generator built and maintained by Facebook. It helps projects document their technology for users and developers, without having to put a lot of effort into creating a full website.

Learned from this lab

  • Setting up and learning the Docusaurus project for a documentation site
  • Evaluating existing open source projects for inspiration and ideas when building your own solutions prototyping a new feature in your SSG

Docusaurus Repo and link

After studying through the material and online resource i have created this.
Github Repo:
docusaurus-sample-repo

Deployed link:
docusaurus-sample

Issues created and fixed during this lab

issues-13
issues-14

Feature from Docusaurus

I really like the theme feature where user can switch from dark mode or light mode according to their choice.
I have use the Darkmode.Js to achieve this functionality in my code.
After finishing my code i have created this
PR

Outcome after implementing my feature

Dark Mode

Dark Mode

Light Mode

Light Mode

Now all the linked pages and newly created features will have this feature.

Thanks

Top comments (0)