Next.js PoC Collections

這是我整理的一個 Next.js 測試與 Demo 集合，方便快速測試各種功能與效能。
線上預覽：https://nextjs-poc-collections.vercel.app/

---

目錄

SVG vs WebP

• Default - Icon svg file import by next/image

• Icon by SVG

• Icon by WebP 48x48

• Load More - SVG import

• Load More - Icon by SVG

• Load More - Icon by WebP 48x48

---

Image Optimize

• Next Image
• Next Image Load More

---

Third Party Optimize

• Default Third party
• Lazy onload

---

React-Query

• Products
• Products - Smartphones Story

---

Ant-Design

• Antd Dashboard

---

Slider LCP Performance

• Swiper - Default
• Swiper - Performance

---

Embeds Performance

• Media - Default
• Media - Capture

---

Demo

• Countdown 測試頁
• PromiseLock 測試頁
• 3D 地球 Demo

---

💡 說明
此專案收錄各種測試與示範，包括 SVG / WebP 影像比較、Next.js Image Optimize、第三方圖像優化、React-Query 使用、Ant Design UI、Slider LCP Performance、Media embeds，以及各種 Demo 頁面。