DEV Community

Cover image for Adding more features to SSG similar to docusaurus
Japneet Singh
Japneet Singh

Posted on

3

Adding more features to SSG similar to docusaurus

Introduction to Docusaurus

Docusaurus is a tool designed to make it easy for teams to publish documentation websites without having to worry about the infrastructure and design details. Docusaurus also provides core website and documentation features out-of-the-box including blog support, internationalization, search, and versioning. For more info.
To anyone who wants to design a webpage without coding knowledge can use this open-source project.
Easy to deploy and easy-to-use pre-design webpages for your website.
Intro to docusaurus

Features copied from Docusaurus

Well, I was impressed looking at docusaurus implementing so many features to their website. I wanted to work on Theme and Search Engine Optimization that required a lot of effort and knowledge. So, I started with some basic features that support my ModernSSG.

Approach

I wanted to make my Html page more supportive with Markdown. I did it by adding more supports to tags.

  • Improved Accessibility of generated HTML
  • Full Markdown support
  • Syntax Highlighting for code blocks

Future Features

Well, I would love to work on Issues. If anyone is interested to practice with this static site generator feel free to reach out.

Example of feature

//Improved Accessibility of generated HTML
 data = data.replacingOccurrences(of: "```

bash", with: "<pre><code>", options: .regularExpression)
                    data = data.replacingOccurrences(of: "

```", with: "</code></pre>", options: .regularExpression)
Enter fullscreen mode Exit fullscreen mode

Image description

More issues

Pull requests are welcome. For changes, please open an issue first to discuss what you would like to change.

  1. Static Assets for images, stylesheets, etc.
  2. Themes
  3. Configurable Sidebar (i.e., table of contents)
  4. Blog posts in addition to Pages
  5. Search Engine Optimization (SEO)

Sentry image

Hands-on debugging session: instrument, monitor, and fix

Join Lazar for a hands-on session where you’ll build it, break it, debug it, and fix it. You’ll set up Sentry, track errors, use Session Replay and Tracing, and leverage some good ol’ AI to find and fix issues fast.

RSVP here →

Top comments (0)

Sentry growth stunted Image

If you are wasting time trying to track down the cause of a crash, it’s time for a better solution. Get your crash rates to zero (or close to zero as possible) with less time and effort.

Try Sentry for more visibility into crashes, better workflow tools, and customizable alerts and reporting.

Switch Tools

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay