// interactivity
npm i framer-motion

// typography, not shipping
npm i -D @tailwindcss/typography

// prism
go to prism website, download prism-tommorrow.css

// other syntax highlight plugin
npm i rehype-prism-plus
npm i rehype-code-titles

// contentlayer
npm i contentlayer next-contentlayer date-fns
follow by editing config files for next.config.js and tscongfig.json

// add prism-plus.css
https://github.com/timlrx/rehype-prism-plus#styling

// sass
npm i -D sass

// SEO
npm i next-sitemap

// in-post heading link
npm i rehype-slug

// image optimization
npm i image-size plaiceholder sharp unist-util-visit @types/unist

// to solve for not being able to import local image from .mdx ?
npm install remark-mdx-images

// table of contents
npm install github-slugger
npm install -D @types/github-slugger

// page load progress bar, not needed
npm install nprogress
npm install -D @types/nprogress

// use nextjs loading instead

// comment system, github oauth
npm install @giscus/react

// for vecel deployment to analyze traffic
npm install @vercel/analytics