https://github.com/inna-b10/links

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.
https://github.com/inna-b10/links

axios clsx html-react-parser next project react-dom react-query sass tailwind

Last synced: about 2 months ago
JSON representation

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.

• Host: GitHub
• URL: https://github.com/inna-b10/links
• Owner: Inna-B10
• Created: 2024-09-08T21:13:22.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-12-30T13:09:11.000Z (9 months ago)
• Last Synced: 2025-06-30T23:02:06.397Z (3 months ago)
• Topics: axios, clsx, html-react-parser, next, project, react-dom, react-query, sass, tailwind
• Language: JavaScript
• Homepage: https://project-links-innab10.netlify.app/
• Size: 469 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
## Project name: Links

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.

---

This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).

You can start editing the page by modifying `pages/index.js`. The page auto-updates as you edit the file.

[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.js`.

The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.

This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.