My Site

Current Version (V.6): https://thadaw.com (Gatsby)

Philosophy

• Using React & TypeScript
• Static site generators
• lowest dependecies as much as possible
• lightweight
• using markdown is enough. no need MDX

Feature

• Resolve image locally not from static path
  • When dev mode, serve static _posts
  • Remap image location with post directory
• Auto Generate UUID (in dev mode)
• Short URL Mapping
• Auto-refresh when markdown content changed

Branch

• main for content only
• preview for next version of blog (new release)

Start

make npm target=dev
# or using make dev

My Next version trial

• Hugo theme with mildronize.github.io (next branch)
• Hugo theme hugo-theme-mild using webpack5 to render CSS and JS.

Good Example with MD & MDX Blogging

• https://github.com/leerob/nextjs-prism-markdown

using next-mdx-remote

• https://github.com/vercel/next.js/tree/canary/examples/with-mdx-remote
• https://www.youtube.com/watch?v=J_0SBJMxmcw, https://github.com/leighhalliday/next-blog
• Most complete Next.js Starter with windtail

Optimization

https://github.com/cyrilwanner/next-optimized-images

Write Test for I/O

• Testing a TypeScript File Read / Write operations app using Jest JS, Mocks, Unit Tests
• Testing a TypeScript Cache operations app using Jest JS, Mocks, Unit Tests
• Testing a TypeScript Logger operations app using Jest JS, Mocks, Unit Tests
• SOLID Principles Playlist
  • Repo: https://github.com/devbootstrap/SOLID-Principles-Examples-using-Typescript