I used react-markdown to render my markdown files in ReactJS. Each code block in each markdown file is injected into a code editor so that it can be interactive.
snippets for generated pages in NextJS. I have two problems…

Used NextJS' getStaticPaths to get all the paths for the code snippets and getStaticProps to pass on the content of the code snippet to the template, which in turn passes it to the code editor.
a template. Dynamic Routing in NextJS NextJS has a fancy…

Took advantage of WebWorkers' independent scope to intercept console methods away from the page context. This way, code can be evaluated individually. I also used the Proxy class to intercept all calls to all console methods.
can improve performance as well. NextJS v10 ➕ Webpack v5…

How I start a simple project from some example code and create a proof-of-concept. The idea is to create a website that I can use to create interactive reference pages.
decided to start with a Next.js project with Material…

I embedded some metadata in my markdown files using the markdown frontmatter format. After parsing this data, I included it in my NextJS pages. I also optimized the hydration time by handling some of the markdown processing during the build.
t take full advantage of NextJS's server-side rendering…

I converted an array of file paths into a tree and used a recursive React component to display it. That way, visitors to the site can have a straightforward way to navigate between all the pages in the site.
could be used. Integration with NextJS All that needs to…

What's running on BayanBennett.com
each: Angular-Universal, GatsbyJS, and NuxtJS. GatsbyJS stuck out to…