Skip to content
/ Links Public

The "Links" project scrapes specified YouTube channels for the latest video title, ID, and thumbnail (without using the YouTube API). It also retrieves dynamic data such as links and the About description from an API. Data is fetched at build time with revalidation to ensure it stays up-to-date.

Notifications You must be signed in to change notification settings

Inna-B10/Links

Repository files navigation

Project name: Links

💎 Description

  • This project fetches and displays data from YouTube channels (latest video title, ID, and thumbnail) by scraping HTML content (without using the YouTube API).

  • It also retrieves and shows dynamic data (links and "About" description) from an API. The data is fetched at build time, and revalidation ensures it stays up-to-date.

  • The app provides a clean, responsive interface using Next.js and Tailwind CSS, deployed on Netlify for easy access.

🧩 Tech Stack

Next.js React axios @tanstack/react-query tailwindcss

react-dom html-react-parser gh-pages clsx sass postcss

🗃 Dependencies

# Dependencies
npm install @tanstack/react-query
npm install axios
npm install clsx        # conditionally className
npm install html-react-parser
npm install next
npm install react
npm install react-dom
npm install sass

# Dev Dependencies
npm install --save-dev eslint
npm install --save-dev eslint-config-next
npm install --save-dev gh-pages
npm install --save-dev postcss
npm install --save-dev tailwindcss

About

The "Links" project scrapes specified YouTube channels for the latest video title, ID, and thumbnail (without using the YouTube API). It also retrieves dynamic data such as links and the About description from an API. Data is fetched at build time with revalidation to ensure it stays up-to-date.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published