I got my markdown rendering working, including code blocks. Pretty happy with the result.

Next, I need to get the ‘Table of Contents’ implemented.

Headings should show in the ToC.

Subheadings should then be shown as indented below their parent heading. #dev

quoting note1w9q…cy5m

Been writing about my portfolio projects in my personal website. Basically, I’m writing about the projects and explaining how I implemented various features.

I have now written about three projects that I have made, but it’s clear to me that I need to find a different way to write the text.

Currently, I’m just using a lot of

and

tags, but it’s a horrible writing experience.


Now, I’m working on implementing markdown support (MDX) in my Next.js project, so that I can directly copy-paste my text from Obsidian and into the `.mdx` file. Then, the markdown should be automatically formatted into HTML elements without me having to make any changes. It will make it so much faster.

I have made a `MDXComponents.tsx` file to format the markdown into HTML elements. It’s essentially the same way as I’m doing it in my macOS notes app that I’m working on. Except, this is TypeScript whereas my notes app is in Swift.


The file names of the MDX files, will become the URL. So, if the file name is `pokemon-project.mdx`, the URL should be `/portfolio/pokemon-project`. #typescript #nextjs #markdown