👨‍💻 Gading's Hideout

My Personal Homepage & Blog site with NextJS : https://gading.dev

Prerequisites

Dark Mode
Color System Documentation
Mobile friendly
Stateful MDX (Can write stateful Component in the Markdown)
Synchronizing media images to Cloudinary CDN
Optimized image scaling & Lazyload with blur effect like Instagram
Reading-time prediction like Medium
I18n (Internationalization) content.
Page transition and effect
Posts pagination (For limiting blog list load to improve performance)
Automate Lighthouse report
Web Analytic integration with umami
SEO Optimized with meta information tags
Feed RSS & Sitemap
On Demand Revalidation
Comment & Reaction System with Disqus plugin
Social share (FB, Linkedin, Twitter, Tumblr, WA, Telegram)
Use app dir with RSC in Next 13
PWA / Offline-first
Search posts & filter by tags
Featured posts (Homepage & Blog list/filter)
Dedicated Projects/Showcase Page (/projects) with dynamic GitHub stats & case studies
Command Palette (Cmd + K / Ctrl + K) for instant search & navigation
Homelab Live Stats Dashboard or Spotify "Currently Playing" integration
Interactive MDX Components (React Playground / Sandpack) for tutorials

This is a Next.js project bootstrapped with create-next-app.

Creative Tim (Inspired me to to reproduce their Design System)
Vitor Britto (Inspired me to to reproduce his ./initpost script)
Marina Aisa (Inspired me to create I18n content)
Ankur Parihar (Inspired me to use his repo to generate Pagespeed insight periodically)
Myself (Have created a zero-setup global state management library for this repository)