Clon de Animeflv

Este es un clon de la página web Animeflv para poder ver anime con subtitulos en español.

Si quieren colaborar con el proyecto para practicar, sean libres de hacerlo enviando un pull request.

Resumen

• En este proyecto mi objetivo es practicar mis habilidades en el desarrollo web, en este caso con el framework Next.js.
• La página web de fondo le hace scraping a la página de Animeflv para poder obtener los datos de los animes.
• Tambien usa el scraping para poder obtener los enlaces de descarga de los videos de los animes y así poder reproduccirlos con plyr.js evitando todo tipo de anuncios y mejorar la velocidad de reproducción.
• Para evitar el tema de Cross-Origin Resource Sharing (CORS) se utiliza el mismo servidor que hace de intermediario entre el link de descarga y el cliente.
• Respecto a la estética de la pagina web, he utilizado CSS puro y un poco de Bootstrap.

Tecnologías utilizadas

• Next.js 13
• Cheerio
• Playwright
• Plyr
• Bootstrap

Instalación

Clone el repositorio

git clone https://github.com/Maol-1997/Animeflv-Clone.git

Instale las dependencias

npm install

Inicie el servidor

npm run dev

Para iniciar el servidor en modo producción

editar el archivo .env.production y cambiar la variable de entorno HOST a la dirección del servidor donde se va a desplegar la aplicación.

npm run build
npm run start

Abre http://localhost:3000 con tu navegador para ver el resultado.

Preview

Video (click en la imagen)