I've been loving this 11ty series. I've checked out a lot of others and this series has been by far the easiest to follow along, understand, and the most applicable. Congratulations to you and your wife!
Thanks Brandon! I'm just hoping to share some of what I've learned about these new-ish frameworks in an approachable way so it's great to hear it's helping you out!
@19:00 The reason you were getting an empty result because you forgot the "await" in front of the EleventyFetch function call. So "response" was a Promise object. Since a Promise object doesn't have a "results" key, it returned an undefined. Because Eleventy resolves the Promises during the data cascade, in the template you had the actual data, not the Promise object and there, you were able to find the "results" key.
What about setting up some tests to run at build time to troubleshoot valid data e.g. YML etc so that you get accurate troubleshooting where the errors are coming from.
thank you exatly what I needed to familliarise myself, Do you have advice on improving the time to first paint for eleventy. Obviously caching can only take you so far. I am going critical CSS, light and dark. Trying to keep script requests small.
I'm glad to hear the course is helping you out! My first recommendation would be to prefetch your critical CSS if it's loading as an external link file like it is in our example. My second, which is more effort, would be to set up 11ty's build process to inline and minify your styles.
![Coheed and Cambria - Searching for Tomorrow [Official Video]](http://i.ytimg.com/vi/hDsYGLbmadg/mqdefault.jpg)
I've been loving this 11ty series. I've checked out a lot of others and this series has been by far the easiest to follow along, understand, and the most applicable. Congratulations to you and your wife!
Thanks Brandon! I'm just hoping to share some of what I've learned about these new-ish frameworks in an approachable way so it's great to hear it's helping you out!
I’m just starting to use 11ty and this is a great series you’ve done . Very clear and informative!
@19:00 The reason you were getting an empty result because you forgot the "await" in front of the EleventyFetch function call. So "response" was a Promise object. Since a Promise object doesn't have a "results" key, it returned an undefined. Because Eleventy resolves the Promises during the data cascade, in the template you had the actual data, not the Promise object and there, you were able to find the "results" key.
Good catch, sometimes the multitasking of recording, coding, and reading notes makes you forget the simple stuff 😅
Thanks Jaydan, it was helpful
Jayden, thank you so much for sharing these videos. I'm loving Eleventy
Jayden! this is epic. Being able manage the data in the JSON file is so cool!
I agree it's pretty awesome! Having a single template for large amounts of data is a definite game changer
You could actually just write {% Card card %} and it will work too (just tried it) (@6:30)
Hi Jaydan ... this videos is out of correct playlist
Thanks for the reminder to add it Ernesto!
Thank you. This is awesome.
In getTopStories() function, JSON was not parsed at that time that's why "articles.results" not worked.
If he had used an await before that EleventyFetch. Would that have worked?
Belated Congratulations on becoming a dad!
Do you have to run the build every day for this to update on production server?
What about setting up some tests to run at build time to troubleshoot valid data e.g. YML etc so that you get accurate troubleshooting where the errors are coming from.
Congrats on he kid man! You are awesome continue!
Thank you! She should be in the next couple hours as of me writing this! 🙌🏼 I definitely will keep em coming 👍🏼
thank you exatly what I needed to familliarise myself,
Do you have advice on improving the time to first paint for eleventy. Obviously caching can only take you so far. I am going critical CSS, light and dark. Trying to keep script requests small.
I'm glad to hear the course is helping you out! My first recommendation would be to prefetch your critical CSS if it's loading as an external link file like it is in our example. My second, which is more effort, would be to set up 11ty's build process to inline and minify your styles.
thank you~~!!