DEV Community

Cover image for How to make a Documentation Website in React JS?
Jackson Kasi
Jackson Kasi Subscriber

Posted on

How to make a Documentation Website in React JS?

I want to make a Documentation website for my client.

But I don't know how to make Documentation like paystack & stripe.

there is any library ( even any paid template / service ) for making exact like blow this pic using react js?

NOTE: finally integrate the doc web with react-js website.

Paystack

Image description

Stripe

Image description

Please suggest me, developers.

Thanks :)

Top comments (13)

Collapse
 
jacksonkasi profile image
Jackson Kasi • Edited

guys I find one repo for my solution:

repo: github.com/BlizzBolts/docit
website: blizzbolts.github.io/docit/#/get-s...

docit author: BlizzBolts

GitHub: github.com/BlizzBolts

but you can give me more suggestions. so I can learn lots

Collapse
 
claudius21 profile image
Claudius21

We use Docusaurus. It's simple and easy to use.
docusaurus.io/
Have fun!

Collapse
 
jacksonkasi profile image
Jackson Kasi

I just know that is one of the open-source projects of META. But now I understand its true value. thank you very much :)

Collapse
 
rcls profile image
OssiDev • Edited

I think Stripe atleast has a custom solution that pulls some type of docs from the code and mixes in some descriptions and examples. Or developers do that together with technical writers on the team so the docs might be fully owned and run by the teams.

Collapse
 
jacksonkasi profile image
Jackson Kasi • Edited

yeah! thanks for your response 😊

Collapse
 
mverissimo profile image
Matheus Verissimo

I built a free template recently, using next, markdoc and tailwind.

live:
next-galaxy-preview.vercel.app/docs

Source:
github.com/mverissimo/next-galaxy-...

Collapse
 
jacksonkasi profile image
Jackson Kasi

wow! I really 😍 this design! I should try this! really thanks brother 😊

Collapse
 
thexdev profile image
M. Akbar Nugroho

Have you tried Docusaurus?

Collapse
 
claudius21 profile image
Claudius21

We used Docusaurus to document our software project we're going to release soon. We already worked with react, so it seemed a good choice, and it's free. I actually don't like META, but the software they put out is decent. Docusaurus is easy to set up. You have to dig in the documentation for a few things like layout and stuff. But overall it's really lightweight and fast. I can really recommend it.

Collapse
 
jacksonkasi profile image
Jackson Kasi

Now I am also working on this! ( Docusaurus ) It's really full of fun.
I am eager to see our upcoming release πŸ₯Ί
Please let me know.
Thanks 😊

Collapse
 
jacksonkasi profile image
Jackson Kasi

I just know that is one of the open-source projects of META. But now I understand its true value. thank you very much :)

Collapse
 
fmruiz profile image
Franco Ruiz

Also if you want to add another functionality, I can recommend react-pdf , you can customize a lot of styles and display, or download the document if you want.

Collapse
 
jacksonkasi profile image
Jackson Kasi

sure! 😊 thanks