Automatyczne wstawianie filmów z YouTube na stronę stworzoną w GatsbyJS
Jak importować filmy z YouTube na stronę internetową stworzoną w GatsbyJS za pomocą GraphQL? Miniatury i linki będą automatycznie generowane, a dane pobierane prosto z kanału na YouTube.
❗ Z racji na to, że Gatsby jest generatorem stron statycznych, to ważne, aby po dodaniu nowego filmu ponownie zbuildować stronę, aby zapytanie GraphQL zostało ponownie wysłane.
Można to zautomatyzować używając np. Zapier
Link opisujący jak to działa:
https://zapier.com/shared/9cbed391453...
#web #gatsby #youtube
🧰 Plugin gatsby-source-youtube-v2
https://www.gatsbyjs.com/plugins/gats...
🎬 Link do filmu
https://www.youtube.com/watch?v=IDFILMU
🎨 Linki do miniatur:
⬜ Rozmiar oryginalny
https://img.youtube.com/vi/IDFILMU/ma...
◻ Rozmiar średni (480x360 z pasami na górze i dole)
https://img.youtube.com/vi/IDFILMU/0.jpg
◽ Rozmiar mały (320x180)
https://img.youtube.com/vi/IDFILMU/mq...
Efekt końcowy można zobaczyć na: https://webapp.pl