Steps to index site
- generate sitemap
- add sitemap to typesense config.json
Scraper Setup for Docusaurus + Typesense
· 3 min read
Fullstack Freelancer
21 posts tagged with "JS"
View All TagsQOL Fixes
· One min read
Fullstack Freelancer
add MDX unifiedjs.vscode-mdx to fix linting for MDX
Docusaurus Build runs for HOURS
Seems docusaurus@next still relies on Webpack/Babel which scales horrendously with large sites.
Docusaurus SSG transforms MD to React FC
Fortunately, there seems to be a way to mod the JS loader with esbuild instead of webpack:
Some Spaghett Snippets
· One min read
Fullstack Freelancer
<span>
{children?.length //! this is some epic ternary spaghetti!
? minIcon
? collapse
? "🔽"
: "🔼"
: null
: minIcon && "⏩"}
</span>
Map JSON Database to MDX
· One min read
Fullstack Freelancer
This code snippet does not work:
import { map_all_parents } from "../src/data/index.ts"
console.dir(map_all_parents)
Setup Pains to Fix Live Code Editor for Docusaurus
· One min read
Fullstack Freelancer
Silent bug
This page crashed. "useColorMode()" is used outside of "Layout" component. Please see https://docusaurus.io/docs/api/themes/configuration#use-color-mode.
https://www.google.com/search?q=Hook+is+called+outside+the+%3CColorModeProvider%3E%22
Several problems lead to this:
Problem 1: @docusaurus/theme-common missing
was not installed and included in dependencies within package.json
FIX: add to package.json & reinstall deps
Problem 2: @docusaurus depends on React ^17.0.0
FIX: npm i --force-legacy-deps BUT keep using react v18
https://github.com/facebook/docusaurus/issues/6724#issuecomment-1280912963
Working Playground IDE example
caution
Don't use pnpm - it's buggy and the disk space savings aren't worth it!! Painful bugs like this aren't worth it...
TODO: Compare react-live live IDE vs my own @rjnote version later on.