Demo: Watch Live

The Blog App (Technology Pro)

A blog app that uses .mdx file for content and converts it to a blog post.

SEO-friendly, feature-rich, mobile-first responsive web app. Can be used on production.

Tech Stack

• Next.js (react.js)
• Tailwindcss
• Gray-matter, remark, mdx prism (stuff related to parsing .mdx files)
• Date-fns, globby, reading-time (as helper libraries)
• Vercel

Nerd Stats

1. Auto-generates sitemap
2. Dynamic metadata for posts (SEO optimised)
3. Special component for parsing .mdx file and converting it to a blog-post (pre-rendering approach)
4. Google analytics integrated
5. Uses different components for rendering different views like layouts, posts, ads, etc.

Thanks for reading. Do have a look at it. Here 🎉