My Youtube Collection🎬🎵

The Next.js web application showcases video information cards retrieved from my youtube playlist
Contain a video player that allows users to click and play videos in the playlist
Support toggling Dark Mode
Scroll button allows users to quickly reach the bottom or top of the page

Demo

My Youtube Collection is deploying via Vercel, welcome to visit: https://my-youtube-collection.vercel.app/

Learn TypeScript with Next.js React app
Use Chakra UI as React component library
Use Incremental Static Regeneration (ISR) to fetch Youtube Data API and update static page
Use IFrame Player API to embed a video player

Name		Name	Last commit message	Last commit date
Latest commit History 63 Commits
.vscode		.vscode
.yarn		.yarn
Preview-Images		Preview-Images
public		public
src		src
.env.local.example		.env.local.example
.gitignore		.gitignore
.yarnrc.yml		.yarnrc.yml
README.md		README.md
next.config.js		next.config.js
package.json		package.json
tsconfig.json		tsconfig.json
yarn.lock		yarn.lock