My Personal Homepage & Blog site with NextJS : https://gading.dev
- 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
appdir with RSC in Next 13 - PWA / Offline-first
- Search posts & filter by tags
- Dedicated Projects/Showcase Page (
/projects) with dynamic GitHub stats & case studies - Dynamic OG Image Generator using Next.js
ImageResponse - 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
./initpostscript) - 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)
Copyright © 2022 by Gading Nasution
