Build Stunning Documentation With React & Docusaurus (Complete Guide)

Поділитися
Вставка
  • Опубліковано 17 лис 2024

КОМЕНТАРІ • 38

  • @someguyO2W
    @someguyO2W 9 місяців тому +4

    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 Рік тому +5

    This is seriously the greatest thing ever

  • @AravindhKumar007
    @AravindhKumar007 28 днів тому

    That was a great explanation touching all the necessary details 👏

  • @Reflekt0r
    @Reflekt0r Рік тому +1

    Awesome, please make more Docusaurus videos!

  • @shreyankcode5902
    @shreyankcode5902 7 місяців тому

    Great tutorial, just as needed !!!

  • @curtismyers8621
    @curtismyers8621 Рік тому +1

    Thank you for the concise walkthrough!

  • @NIXO3D
    @NIXO3D 9 місяців тому

    Fantastic tutorial 🔥 Thank you for sharing 🍻

  • @scotmarvin8991
    @scotmarvin8991 6 місяців тому

    Really helpful, Kaumon! Thanks for creating and sharing this wonderful resource.

  • @skinwalker_
    @skinwalker_ 3 місяці тому

    That was super useful and perfect pace..

  • @miguelvelascodev
    @miguelvelascodev 10 місяців тому

    Thanks bro ! Amazing video and so helpful. Keep going !

  • @PraavinBawwane
    @PraavinBawwane Рік тому +1

    Helpful. One request can you make a video (I am waiting for a playlist😅) on how to enable search on documentation?

    • @CodeSnaps
      @CodeSnaps  Рік тому +1

      Thanks for the idea! A playlist on Docusaurus? You can check out their documentation in the meantime for search :)

  • @caesarsage
    @caesarsage 9 місяців тому

    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

  • @roque_sn
    @roque_sn 7 місяців тому

    What is your icon theme? It looks so good!

  • @218_dev
    @218_dev Рік тому +1

    Distinctive and useful explanation

    • @CodeSnaps
      @CodeSnaps  Рік тому

      Glad you liked it :)

    • @218_dev
      @218_dev Рік тому +1

      @@CodeSnaps Thank you, the explanation came on time

  • @vijayendradarode7762
    @vijayendradarode7762 3 місяці тому

    @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.

  • @Coweaterthe1st
    @Coweaterthe1st 7 місяців тому

    Very helpful, thank you!

  • @antonyndungu5514
    @antonyndungu5514 2 місяці тому

    Great video

  • @royaldemon307
    @royaldemon307 10 місяців тому +1

    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

  • @mr.fortyfour9722
    @mr.fortyfour9722 2 місяці тому

    Can u also explain how do add a new sidebar, i am trying it but isnt works

  • @prashlovessamosa
    @prashlovessamosa 10 місяців тому

    Thanks 👍

  • @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  Рік тому +1

      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.

  • @DmitriiIvanov-u6w
    @DmitriiIvanov-u6w 11 місяців тому

    How to customize images on default homepage?

    • @CodeSnaps
      @CodeSnaps  11 місяців тому +3

      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 11 місяців тому +1

      @@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  11 місяців тому +3

      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 11 місяців тому

      @@CodeSnaps thank you very much. You helped a lot.

    • @DmitriiIvanov-u6w
      @DmitriiIvanov-u6w 11 місяців тому

      @@CodeSnaps but still there is an error:
      Failed to execute 'createElement' on 'Document': The tag name provided

  • @Apeiron242
    @Apeiron242 6 місяців тому +2

    Jesus, would it kill them to make an interface?!