JAMstack Course - Build websites that are simpler, faster, and more secure
video description
Date: 2022-03-14
Related videos
Comments and reviews: 10
The
Really awesome introduction to JAMStack, thanks a lot Phil.
I've got a general overview of what JAMStack is, not only from a theoretical point of view but also from the practical one through all the examples, using eleventy as Static Site Generator(SSG), a SSG that I hadn't heart about until this video, Gatsby and Next are probably the most known ones.
He goes from basic concepts of how we thought about sites years back and the infrastructure around it: LOAD balancer, WEB server, Databases, etc.. to the JAMStack model using CDN and different tooling. Then Phil codes and shows different JAMStack sites examples, from the most basic one to a full example using Static Site Generator, Client Side Rendering using serverless functions and how to even configure the CDN to customize the views based on the customer location.
Really awesome JAMStack course, thanks again Phil.
reply
Really awesome introduction to JAMStack, thanks a lot Phil.
I've got a general overview of what JAMStack is, not only from a theoretical point of view but also from the practical one through all the examples, using eleventy as Static Site Generator(SSG), a SSG that I hadn't heart about until this video, Gatsby and Next are probably the most known ones.
He goes from basic concepts of how we thought about sites years back and the infrastructure around it: LOAD balancer, WEB server, Databases, etc.. to the JAMStack model using CDN and different tooling. Then Phil codes and shows different JAMStack sites examples, from the most basic one to a full example using Static Site Generator, Client Side Rendering using serverless functions and how to even configure the CDN to customize the views based on the customer location.
Really awesome JAMStack course, thanks again Phil.
reply
Peter
Awesome tutorial, this is exactly what I needed to crystalize my knowledge on the JAMstack. I'm in the localization chapter, and if you want to demonstrate how the site's contents will be reformatted based on the country. Why not use a VPN like Tunnel Bear to switch your location to a foreign country? In addition to demoing the power of JAMstack & netlify it'll be a nice way to plug a good product. PS I don't work for Tunnel Bear I just saw an opportunity to provide a solution to a problem :) Anyway, love the tutorial and I love the JAMstack architecture.
reply
Awesome tutorial, this is exactly what I needed to crystalize my knowledge on the JAMstack. I'm in the localization chapter, and if you want to demonstrate how the site's contents will be reformatted based on the country. Why not use a VPN like Tunnel Bear to switch your location to a foreign country? In addition to demoing the power of JAMstack & netlify it'll be a nice way to plug a good product. PS I don't work for Tunnel Bear I just saw an opportunity to provide a solution to a problem :) Anyway, love the tutorial and I love the JAMstack architecture.
reply
Stasonn
This is the third video about JAM stack that I watch and the longest. And I still don't understand how to generate pages for API. Author showing how to display news on main page but what the sence for it? How to generate separate pages for all news? Also I didn't realize if I can use this tecnology for making site with headless CMS. When I create a new page with CMS should I create new template on frontend? Should I deploy frontend every time I create new page? Oh, too much questions but no unswers and too much water in this video.
reply
This is the third video about JAM stack that I watch and the longest. And I still don't understand how to generate pages for API. Author showing how to display news on main page but what the sence for it? How to generate separate pages for all news? Also I didn't realize if I can use this tecnology for making site with headless CMS. When I create a new page with CMS should I create new template on frontend? Should I deploy frontend every time I create new page? Oh, too much questions but no unswers and too much water in this video.
reply
jn7890
32:14 1. Simple a Static Site
40:40 2. JavaScript to Render Content
52:21 3. Templating and Abstraction with a Static Site Generator
1:24:09 4. Content Sourced from an API at Build Time
2:02:17 5. Localised Content Render at Build Time, Routed at the CDN
2:28:08 6. Client-Side Render of Targeted Content with Browser and Content APIs
3:19:50 7. Bonus: How to Gradually Introduce the JAMStack to your existing infra
reply
32:14 1. Simple a Static Site
40:40 2. JavaScript to Render Content
52:21 3. Templating and Abstraction with a Static Site Generator
1:24:09 4. Content Sourced from an API at Build Time
2:02:17 5. Localised Content Render at Build Time, Routed at the CDN
2:28:08 6. Client-Side Render of Targeted Content with Browser and Content APIs
3:19:50 7. Bonus: How to Gradually Introduce the JAMStack to your existing infra
reply
XpLiCiTOnE
Made it all the way until 2:38:15 and I cannot figure out how to generate a private key and self-signed certificate for localhost is with the openssl command via the website linked at your Github page for this section. I get an error anytime I try to run that req command in Windows 10. Running in Git Bash yields: -Can't open /proc/739/fd/63 for reading,- while running in openssl.exe yields: -error in req-.
reply
Made it all the way until 2:38:15 and I cannot figure out how to generate a private key and self-signed certificate for localhost is with the openssl command via the website linked at your Github page for this section. I get an error anytime I try to run that req command in Windows 10. Running in Git Bash yields: -Can't open /proc/739/fd/63 for reading,- while running in openssl.exe yields: -error in req-.
reply
David
Thank you very much it's the best tutorial on the topic, I have been looking for a tutorial with clear concepts and examples for a long time, most of them on the web are ambiguous and only mention the JAM without clarifying the background architecture.
reply
Thank you very much it's the best tutorial on the topic, I have been looking for a tutorial with clear concepts and examples for a long time, most of them on the web are ambiguous and only mention the JAM without clarifying the background architecture.
reply
Brad
What an excellent video. It really helps make sense of the Jamstack by showing several variations. Plus, you will likely learn a few tips and tricks. It would be great if you shared your slides. I want to show some of them to my boss. :-)
reply
What an excellent video. It really helps make sense of the Jamstack by showing several variations. Plus, you will likely learn a few tips and tricks. It would be great if you shared your slides. I want to show some of them to my boss. :-)
reply
Ted
When I run the script -npm run build- Dreamweaver starts up!!! When I exit Dreamweaver the script ends with no error messages BUT nothing is built - there is no dist folder. I'm stumped at this point.
reply
When I run the script -npm run build- Dreamweaver starts up!!! When I exit Dreamweaver the script ends with no error messages BUT nothing is built - there is no dist folder. I'm stumped at this point.
reply
Camillo
Hello, your video is really amazing, I just find the 11ty documentation very bad; it is difficult to find even the simplest things like standard folder names or configuration options.
reply
Hello, your video is really amazing, I just find the 11ty documentation very bad; it is difficult to find even the simplest things like standard folder names or configuration options.
reply
Ayyash
something I didnt quite understand, does the javascript API call happen on build time? or is it really calling the third party on run time? so what happens to SEO in this case?
reply
something I didnt quite understand, does the javascript API call happen on build time? or is it really calling the third party on run time? so what happens to SEO in this case?
reply
Add a review, comment
Other channel videos
