Back to Portfolio
Meta Blog - Web Application
Web Application

Meta Blog

A tech comparison blog built with Next.js 16, MDX, and Tailwind CSS 4 — featuring 14 articles helping developers make informed technology choices.

Project Overview

Meta Blog is a curated collection of comparison articles focused on helping developers choose the right tools, frameworks, and technologies for their projects.

Built with Next.js 16, React 19, and Tailwind CSS 4, featuring MDX-powered content, SEO optimization, PWA support, and a clean reading experience.

The platform includes 14 articles across 9 categories including AI, Authentication, Backend, CSS, Career, Frontend, Mobile, Tools, and TypeScript.

Every article breaks down the strengths, trade-offs, and ideal use cases of each technology so readers can make confident decisions.

Key Features

  • 14 tech comparison articles
  • MDX-powered blog engine
  • SEO & PWA optimized
  • Dark/Light theme support
  • Category-based filtering
  • Related posts suggestions
  • Responsive reading experience
  • Fast page loads with Next.js
  • Open Graph & Twitter cards
  • RSS feed support
  • Syntax highlighted code blocks
  • Tag-based navigation
  • Mobile-first responsive design

Technologies Used

Next.js 16React 19TypeScript 6Tailwind CSS 4ShadCN UIShadCN RegistriesMDXPWASEOBunVercel+5

Project Gallery

Meta Blog - Blog Homepage Light
Blog Homepage Light
Meta Blog - Blog Homepage Dark
Blog Homepage Dark
Meta Blog - Post Article View
Post Article View
Meta Blog - Category Filtering
Category Filtering
Meta Blog - Posts List Page
Posts List Page
Meta Blog - About Page
About Page
Meta Blog - Mobile View
Mobile View

Project Details

Client

Personal Project

Timeline

1 week

Role

Founder & Full Stack Developer

Logo
0%