Hiya. I'm Kyle.

<p>I'm not a fan of <span class="internal-link-container"><a href="../descriptions/reinventing-the-wheel" class="internal-link">reinventing the wheel</a><span class="note-preview block col-span-2 max-w-[400px] rounded shadow-sm p-5 bg-white dark:bg-zinc-800 cursor-pointer text-lg hover:bg-gray-100 dark:hover:bg-zinc-700 hover:border-transparent"><span class="block font-bold leading-snug tracking-tight truncate mb-1 text-gray-900 dark:text-gray-100">Reinventing the Wheel</span><span class="block font-normal text-gray-600 dark:text-gray-400 whitespace-pre-line max-h-[90px] overflow-hidden">In programming, the phrase "reinventing the wheel" refers to the act of writing code to implement a function or feature that already exists in a library or framework. For example, if a programmer writes a function to sort a list of numbers when there is already a sorting function available in the standard library, they would be said to be "reinventing the wheel."</span></span></span>, thus, I've searched for the best libraries out there to help me make this website.</p>
<p><img src="/md_assets/attachments/kyle-drawing.png" alt="kyle-drawing.png" width="1024" height="1024"></p>
<h2 id="resources">Resources</h2>
<p>Here are the foundational libraries used to build this blog:</p>
<ul>
<li><a href="https://github.com/matthewwong525/linked-blog-starter">linked-blog-starter</a> (Original repo)</li>
<li><a href="https://github.com/zoni/obsidian-export">obsidian-export</a> (Obsidian MD -> <a href="https://commonmark.org/">Common MD</a>)</li>
<li><a href="https://github.com/remarkjs/remark">remarkjs</a> (Common MD -> HTML)</li>
<li><a href="https://github.com/sindresorhus/github-markdown-css">github-markdown-css</a> (HTML -> Beautiful HTML)</li>
</ul>
<h2 id="modern-stack--tools">Modern Stack &#x26; Tools</h2>
<p>Additionally, I use these tools to maintain and enhance the experience:</p>
<ul>
<li><a href="https://nextjs.org/">Next.js 15</a> (The website engine)</li>
<li><a href="https://tailwindcss.com/">Tailwind CSS</a> (Styling and layout)</li>
<li><a href="https://biomejs.dev/">Biome</a> (Lightning fast formatter and linter)</li>
<li><a href="https://shiki.style/">Shiki</a> (Theme-aware syntax highlighting)</li>
<li><a href="https://github.com/Trenton-C/fast-fuzzy">fast-fuzzy</a> (Full-text search)</li>
<li><a href="https://vercel.com/">Vercel</a> (Deployment and hosting)</li>
</ul>

Kyle

How I built this blog

Resources

Modern Stack & Tools