Build Stunning Documentation With React & Docusaurus (Complete Guide)

  Рет қаралды 24,388

CodeSnaps

CodeSnaps

Күн бұрын

Пікірлер: 38
@someguyO2W
@someguyO2W 10 ай бұрын
This was an amazing introduction and feature walk through. I've been struggling to understand exactly what docusaurus does without reading the docs. This did it for me.
@ancientelevator9
@ancientelevator9 Жыл бұрын
This is seriously the greatest thing ever
@CodeSnaps
@CodeSnaps Жыл бұрын
Thank you so much :)
@vijayendradarode7762
@vijayendradarode7762 4 ай бұрын
@3:15 How did you jump to the folder structure? Could you pls explain? I have locally hosted docusaurus website but can't find the folder structure.
@AravindhKumar007
@AravindhKumar007 2 ай бұрын
That was a great explanation touching all the necessary details 👏
@Reflekt0r
@Reflekt0r Жыл бұрын
Awesome, please make more Docusaurus videos!
@scotmarvin8991
@scotmarvin8991 7 ай бұрын
Really helpful, Kaumon! Thanks for creating and sharing this wonderful resource.
@shreyankcode5902
@shreyankcode5902 8 ай бұрын
Great tutorial, just as needed !!!
@curtismyers8621
@curtismyers8621 Жыл бұрын
Thank you for the concise walkthrough!
@CodeSnaps
@CodeSnaps Жыл бұрын
Glad it was helpful :)
@royaldemon307
@royaldemon307 11 ай бұрын
I have been using Docusarus over a year, now it's great static generator tools which help you on documentation but I have struggling on one thing, to upgrade my project to Docusarus 3.1 , It gives error to upgrade from 2.4 because fontend is old version of react also other dependancy, I will appreciate if you make simple tutorial video, how to upgrade Docusarus 2.4 to 3.1 , because it's my whole year of hard work it would headache for me I struggle on fixing error by Docusarus
@caesarsage
@caesarsage 10 ай бұрын
Thanks for this amazing guide. What do you suggest if i should use a WordPress for my blogs or use docusaurus for both my documentation and blogs
@miguelvelascodev
@miguelvelascodev 11 ай бұрын
Thanks bro ! Amazing video and so helpful. Keep going !
@roque_sn
@roque_sn 8 ай бұрын
What is your icon theme? It looks so good!
@mr.fortyfour9722
@mr.fortyfour9722 3 ай бұрын
Can u also explain how do add a new sidebar, i am trying it but isnt works
@NIXO3D
@NIXO3D 10 ай бұрын
Fantastic tutorial 🔥 Thank you for sharing 🍻
@skinwalker_
@skinwalker_ 5 ай бұрын
That was super useful and perfect pace..
@PraavinBawwane
@PraavinBawwane Жыл бұрын
Helpful. One request can you make a video (I am waiting for a playlist😅) on how to enable search on documentation?
@CodeSnaps
@CodeSnaps Жыл бұрын
Thanks for the idea! A playlist on Docusaurus? You can check out their documentation in the meantime for search :)
@Coweaterthe1st
@Coweaterthe1st 8 ай бұрын
Very helpful, thank you!
@ThanhTran27507
@ThanhTran27507 Жыл бұрын
i want to create page like default, I want to english version, and korea version of docs in navbar. How to make it ?
@CodeSnaps
@CodeSnaps Жыл бұрын
That's absolutely possible. First you have to declare the default locale and alternative locales in docusaurus.config.js. Then you create the translation files and put them in the right file system. Then you can deploy the site using single or multi-domain strategies. It's best to check the documentation for details, but it's totally possible.
@antonyndungu5514
@antonyndungu5514 3 ай бұрын
Great video
@DmitriiIvanov-u6w
@DmitriiIvanov-u6w Жыл бұрын
How to customize images on default homepage?
@CodeSnaps
@CodeSnaps Жыл бұрын
You can customize the homepage under "/src/pages/index.js". It's very easy. The default one comes with a , it's under "/src/components" where you can specifically change the images. Hope this helps!
@DmitriiIvanov-u6w
@DmitriiIvanov-u6w Жыл бұрын
@@CodeSnaps not really. I don't understand how to change format from svg to anytype. I would like to set there png or webp image using the default template. Anyway, thank you for your anwer.
@CodeSnaps
@CodeSnaps Жыл бұрын
Ah, I see what your problem is. If you want to use the default template structure, go to the HomepageFeatures component and replace the line with something like . In the FeatureList array, you can change the property from Svg: require('...').default to Image: require('...').default. Make sure you change the prop from Feature({Svg, title, description}) to something like Feature({Image, title, description}). Hope this helps now!
@DmitriiIvanov-u6w
@DmitriiIvanov-u6w Жыл бұрын
@@CodeSnaps thank you very much. You helped a lot.
@DmitriiIvanov-u6w
@DmitriiIvanov-u6w Жыл бұрын
@@CodeSnaps but still there is an error: Failed to execute 'createElement' on 'Document': The tag name provided
@i4u8
@i4u8 Жыл бұрын
Distinctive and useful explanation
@CodeSnaps
@CodeSnaps Жыл бұрын
Glad you liked it :)
@i4u8
@i4u8 Жыл бұрын
@@CodeSnaps Thank you, the explanation came on time
@prashlovessamosa
@prashlovessamosa 11 ай бұрын
Thanks 👍
@Apeiron242
@Apeiron242 8 ай бұрын
Jesus, would it kill them to make an interface?!
Build a Markdown Documentation Site with Docusaurus (Step-by-Step)
24:59
Try this prank with your friends 😂 @karina-kola
00:18
Andrey Grechka
Рет қаралды 9 МЛН
Chain Game Strong ⛓️
00:21
Anwar Jibawi
Рет қаралды 41 МЛН
Every React Concept Explained in 12 Minutes
11:53
Code Bootcamp
Рет қаралды 860 М.
How To Create STUNNING Code Documentation With MkDocs Material Theme
16:10
Tinasaurus - Docusaurus Markdown Editing with TinaCMS
4:08
TinaCMS | Leading Markdown CMS for GitHub
Рет қаралды 6 М.
I tried React and it Ruined My Life
1:19:10
Tsoding Daily
Рет қаралды 156 М.
146. How Do I Document My Code?
20:17
IAmTimCorey
Рет қаралды 22 М.
Create your own react library and JSX
31:30
Hitesh Choudhary
Рет қаралды 31 М.
Documenting Your JavaScript | JSDoc Crash Course
36:32
Traversy Media
Рет қаралды 134 М.
Translate your Docusaurus website
32:14
Federico Tartarini
Рет қаралды 8 М.