Google Sheets data feed example. With Eleventy.
Content from an external data source
The lists below showing NBA AllStar starting fives for 2019 were sourced from a Google Sheet as JSON at site build time.
Eastern Conference All Stars
- Kemba Walker - Charlotte Hornets
- Kyrie Leonard - Boston Celtics
- Kawhi Leonard - Toronto Raptors
- Giannis Antetokounmpo - Milwaukee Bucks
- Joel Embiid - Philadelphia 76ers
Western Conference All Stars
- Stephen Curry - Golden State Warriors
- James Harden - Houston Rockets
- Kevin Durant - Golden State Warriors
- Paul George - Oklahoma City Thunder
- LeBron James - Los Angeles Lakers
About this example
This site is an example of using Eleventy's JavaScript Data Files which simplify pulling content from remote data sources and making them available as objects to be used globally across an Eleventy site.
- This page is pulling content from a read-only Google Sheets feed.
- The code is available to inspect on GitHub and more information is available from the ReadMe.
- You can also clone the repo and deploy your own version of the site to Netlify for free all in a couple of clicks by hitting the button below. That one down there. 👇
Clone and deploy!
