Build Stunning Documentation With React & Docusaurus (Complete Guide)

แชร์
ฝัง
  • เผยแพร่เมื่อ 11 ก.ย. 2024

ความคิดเห็น • 38

  • @someguyO2W
    @someguyO2W 7 หลายเดือนก่อน +3

    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 10 หลายเดือนก่อน +3

    This is seriously the greatest thing ever

    • @CodeSnaps
      @CodeSnaps  10 หลายเดือนก่อน

      Thank you so much :)

  • @scotmarvin8991
    @scotmarvin8991 4 หลายเดือนก่อน

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

  • @Reflekt0r
    @Reflekt0r 10 หลายเดือนก่อน +1

    Awesome, please make more Docusaurus videos!

  • @NIXO3D
    @NIXO3D 7 หลายเดือนก่อน

    Fantastic tutorial 🔥 Thank you for sharing 🍻

  • @curtismyers8621
    @curtismyers8621 11 หลายเดือนก่อน +1

    Thank you for the concise walkthrough!

    • @CodeSnaps
      @CodeSnaps  11 หลายเดือนก่อน +1

      Glad it was helpful :)

  • @antonyndungu5514
    @antonyndungu5514 14 วันที่ผ่านมา

    Great video

  • @skinwalker_
    @skinwalker_ หลายเดือนก่อน

    That was super useful and perfect pace..

  • @shreyankcode5902
    @shreyankcode5902 5 หลายเดือนก่อน

    Great tutorial, just as needed !!!

  • @miguelvelascodev
    @miguelvelascodev 8 หลายเดือนก่อน

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

  • @ShubhamYadav-tu2sc
    @ShubhamYadav-tu2sc 6 หลายเดือนก่อน

    thankyou that's what i was looking for

  • @Coweaterthe1st
    @Coweaterthe1st 5 หลายเดือนก่อน

    Very helpful, thank you!

  • @user-hq8ep4ym8n
    @user-hq8ep4ym8n 11 หลายเดือนก่อน +1

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

    • @CodeSnaps
      @CodeSnaps  11 หลายเดือนก่อน +1

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

  • @thelowprofeeling7422
    @thelowprofeeling7422 4 หลายเดือนก่อน

    What is your icon theme? It looks so good!

  • @royaldemon307
    @royaldemon307 8 หลายเดือนก่อน +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 17 วันที่ผ่านมา

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

  • @caesarsage
    @caesarsage 6 หลายเดือนก่อน

    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

  • @218_dev
    @218_dev 11 หลายเดือนก่อน +1

    Distinctive and useful explanation

    • @CodeSnaps
      @CodeSnaps  11 หลายเดือนก่อน

      Glad you liked it :)

    • @218_dev
      @218_dev 11 หลายเดือนก่อน +1

      @@CodeSnaps Thank you, the explanation came on time

  • @prashlovessamosa
    @prashlovessamosa 8 หลายเดือนก่อน

    Thanks 👍

  • @ThanhTran27507
    @ThanhTran27507 10 หลายเดือนก่อน

    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  10 หลายเดือนก่อน +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.

  • @user-gu1hl4dr8u
    @user-gu1hl4dr8u 9 หลายเดือนก่อน

    How to customize images on default homepage?

    • @CodeSnaps
      @CodeSnaps  9 หลายเดือนก่อน +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!

    • @user-gu1hl4dr8u
      @user-gu1hl4dr8u 9 หลายเดือนก่อน +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  9 หลายเดือนก่อน +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!

    • @user-gu1hl4dr8u
      @user-gu1hl4dr8u 9 หลายเดือนก่อน

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

    • @user-gu1hl4dr8u
      @user-gu1hl4dr8u 9 หลายเดือนก่อน

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

  • @Apeiron242
    @Apeiron242 4 หลายเดือนก่อน +1

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

  • @vijayendradarode7762
    @vijayendradarode7762 27 วันที่ผ่านมา

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

  • @GhostZodick
    @GhostZodick 5 หลายเดือนก่อน +1

    docusaurus doesn't seem to have a search bar. If I have lot's of documents, I won't be able to search them.

    • @GuidoJansen-yk7ne
      @GuidoJansen-yk7ne 5 หลายเดือนก่อน +1

      It has built-in Algolia search. It's disabled by default that's why you didn't see it in the demo.
      Instructions on how to enable it can be found in the docs 😊