Next-dashboard

作品集要在上面列出tech stack

像StrikingDash它的產品介紹頁寫得不錯可以參考

1. 首先加入dark mode
   參考這一篇Next.js 13 with Tailwind CSS and Dark Mode
2. 然後導入Icon Set
   Using Font Awesome with NextJs app folder example
3. 加入左邊menu，發現fontawesome免費的icon少得很可憐
   在TG上問了一下考慮還是換別的庫了
4. 因為需要state management，先直接用看看原生的context
   讀了文章：
   Scaling Up with Reducer and Context
   How to use React Context with TypeScript | Felix Gerschau
   Using React Context for State Management with Next.js
5. 開始做第一頁的內容，正在做數字方塊，上下的箭頭想用這個
   Dashboard | Velzon – Admin & Dashboard Template (themesbrand.com)
6. 想先看看佈署後的樣子，先加了GTM
   參考這篇：The Easiest Integration of GA4 in Next.js 13 Using GTM
7. 加了環境變數
   Next.js environment variables | refine
8. 本來想找個news API，但有限制每天打的次數的被我打爆、不然就是cors限制，先自己刻假的好了。

TODO：
加入WebVital
web-vitals – npm (npmjs.com)
React Testing Crash Course with Next.js

然後，教學要找的話找的時間要找近一點