frederik_diamond on Nostr: Been writing about my portfolio projects in my personal website. Basically, I’m ...
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 <h1> and <p> 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
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 <h1> and <p> 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