Skip to content
Tech Blog live preview
All projects

Tech Blog

Publish a technical post with code blocks that actually load fast.

Rich technical content — code blocks, diagrams, live examples — needed a blogging platform that stayed fast and SEO-friendly.

Tech Domain · Book Dev|Published|Evidence: Live|Next.js, TypeScript, MDX

A public deployment is available to try.

Case Study

Before

Needed a blogging platform that could handle rich technical content with code blocks, diagrams, and interactive examples — while being SEO-friendly and fast to load.

After

Achieved perfect Lighthouse scores with sub-second load times. MDX allows embedding live code examples directly in articles, making technical content more engaging and educational.

How it's solved

Built a custom blog using Next.js with MDX for rich content rendering. Implemented syntax highlighting, automatic table of contents generation, reading time estimates, and social sharing. Used static generation for instant page loads.

Trade-offs

Comments and reactions aren't built in yet — that's a separate project, not integrated here.

Related Articles

Further reading on related topics from the blog

Related Projects

More in Tech Domain · Book Dev

Tech Blog - Chaowalit Greepoke Portfolio