Great video James!! Special thanks to Traversy Media for featuring James & other UA-camrs. They all provide such good content but are underrated & should get more recognition🙏 James, I will definitely try your JAMStack Crash course to get some insight.
I have always appreciated the content of this channel as well as Brad's neutral attitude towards different tools. I am also subscribed to James' channel. It's good to be a JAM stack developer (I am one). However!!!!!!!!!!!!! insisting that it's better than WordPress every thirty second just because it's trend now (and throwing some random JAM stack cons at the end ...), is not fair. James, your videos are good and I get the fact that digital products need such content creation too. In terms of DX, WordPress can be developed using modern tooling (Webpack=code splitting, HMR, chunking, conditional asset loading..., WPCLI, Composer, Bedrock structure, sage...). Actually it was possible 4 years ago as well. Just because there are lousy devs out there using it or it can also be built no code, doesn't mean that the platform is bad, It means it is flexible. Also continuous integration is possible with WordPress. In terms of UX(I guess websites eventually are built for users not devs!!!), no other platform has been developed yet to be as flexible and easy for users than WordPress. It also doesn't mean CMSs in the JAM stack world that are bad. Cost? well, this one also WordPress wins. In my case, I'd do my website using Nextjs but would still keep the backend WordPress with custom api endpoints for better WordPress api speed. Even without going headless with Next, WordPress is still flexible, it is ideal for 70% of use cases and not good for 30%. In WordPress I recently made a brochure website for a client with 7 pages, 30kb css on front page as well as 10kb vanilla js with no jQuery. So it is possible. And she can have a blog later is she wants. We must have a toolbox and choose per project.
I can't quite get an understanding from James' video. I think it needs some examples or visuals or something. I finish the video still clueless about the topic.
Interesting. I wrote a similar 'stack' early 2000 for performance reasons. I can see where this stack is very nice for large static sites where information doesn't change very often. Having said that, while cool and useful, I'm working in a single language (not js) stack that's the most productive environment I've ever worked in (almost zero runtime errors - if it builds, it works) and while I'll keep the concept of JAM in mind for possible efficiency improvements, we're still happy campers with a modified SAFE stack. Thanks for the info though!
I've heard this term a lot of times but never knew what it was and 'till now it's mind bending. Thanks for the explanation! P.S: I know you from Twitter !!
I still don't know what this JAMStack thing is. Is it a methodology? A framework? An architecture? I can use it to produce static files... I can use Webpack or Gulp to do that too... is it a module bundler?
After a bit of reading around, this is an architecture used to guide developers to use best practices for full stack implementation. As far as I can see it's basically like suggesting using a formalized API layer within a decoupled stack environment. So something like React native for all platform front-end component implementation, web API and a Facade, and DDD or clean architecture would be considered JAMStack. You could even say it's a higher abstraction of clean architecture.
Thanks for explaining JAM in first 30 seconds because I have short attention span. Also I am sick and tired of updating lambda dependancies. I use stripe in 4 functions and stripe npm package is updated 5 times per week. I got to switch to lambda layers soon.
Thanks to both james and Brad for this video. As I am also creating some demos in jam stack and this video published gives me so much confidence thanks again.... Very helpful....
Well pretty much: Headless cms with backend & front-end separated and hosted in different places. normally wp (hosted somewhere) & reactjs and nextjs or gatsby(ususally hosted in netlify or vercel)
It looks quite the same to have a SPA website interacting with a backend, whether it's an external service (auth0) or your own backend service, even if you maintain the backend, you are in the same situation no? a JamStack, at the front is still static (SPA). API are maintained either by your or a third service. You still need Backend somewhere
The idea of jam stack is pretty cool it provides easy setup and minimize time to market ... but with all these technologies we need to use (headless cms, static files generator, plugins ...) it makes it a lot expensive than usual dev stacks otherwise it's pretty good 👍
I love eleventy but it is so non-opinionated and so flexible it's hard to know the "best" or "right" way to use it. But yah, I am lovin this static site stuff.
Good points. What I would like to know is why contentful is so expensive after free option? $480 monthly? And if I only need free version, is that mostly enough for a blog driven site?
The problem with going JAM is that it can become hard to get control over all these data sources like for example going to shoppify to maintain product list then go to your CMS to update the content and so on and all these are hosted in separate places with different payment plans which can get pricey and just hard to expense. With wordpress everything is combined and easy to maintain in one dashboard with your e-commerce and payment control dashboard built into it. Yes it needs server but for the non developer customer maintaining the content it is easier. I found myself paying more for JAM to have similar experience
Absolutely, nobody here is saying that you should drop you current Serverside CMS approach to building websites. Jam is just a different approach that can be used in some very specific circumstances to reduce cost DEEPLY I recently build a small landing page + shop for a client with a small business that had very decent functionality at a ridiculously cheap cost to deploy and maintain. Why? Because is used JAM! Is it the way to go for every project? Of course not! Will it make me automatically save hundreds of dolars absolutely not. But it's an architectural pattern to keep in mind for future projects since, as long as you build your entire app around JAM and confirm that it indeed fits the need of the project, it might be a pretty cool way so save some time and money
Thank you for your opinions sire i am actually trying to consider learning it i have no working experiemce yet i am currently a biginner who still study js for now done with html and css and i am considereing maybe just learn jamstak because its kindof like the new ways to do stuff And makes the study less longer i mean if i study mean or mern it will take a while but its december now and i am iching that i still dont have job . Its because i took rest for a while to learn web dev and i have high hopes that i am ready to take my shot using jamstack
I would likento ask a question sir . Would you recomend jamstack to newbies like me who by the moment only knows how to do static basic website? I mean if people like me who dont have working experience yet and purely fresh on coding? Should i just have jamstack as my first tech stack by choice
Would like to hear opinion on having Jamstack as a PWA. My problem so far is understanding how to make it secure. I have a background only in javascript frontend talking to asp.net webAPI.
Seems like a lot of “novice” or non web dev folk are into ssg for some reason? I’ve seen comments about how it’s easier than Wordpress etc. find that interesting because having to use git or cli I would think intimidates most “non tech” people
Your explanation would have been much more effective if you'd started out explaining the difference between static and dynamic sites and their performance, since so much of what you talk about in the first 5 minutes involves that difference. Why wait until 1/3 of the way through the video to explain a key concept that you'd already been referencing? Same idea with CDNs...you reference CDNs several times in the beginning of the video, but you don't explain why serving static files from a CDN is superior until almost 6 minutes in. This is the opposite of how a lesson should be -- you should be starting with the fundamental information first and then building off that.
Ouch. Looking at the code behind jamesqquick.com, for a simple static site it sure looks like Gatsby has a big ratio of code to content. And a lot of Javascript. For me, that is a definite negative.
Sir build a e-commerce website fully functional cart payment gateway and order tracking all component and order dashboard all function plz sir build this topic website build sir
Hey Brad I recently learned html css and javascript from your amazing courses and I want to create e-commerce websites as a freelancer. I'm confused as to what back-end language I should learn. I'm in Pakistan so php and laravel is much more prevalent but I personally want to learn nodejs with express for building e-commerce websites. Tell me , should I stick with nodejs or learn php instead if that is more in demand in my country and what would you prefer personally ?
I think you should go with what is popular within your area or country if you want to get a job. However, as a freelance developer, you can choose nodejs and express if you really want to use them.
PHP is popular everywhere, it might not look like it on youtube, but most of the sites run on WP anyways. If you're building an e-commerce website, as a freelancer especially, you shouldn't be making e-commerce websites from scratch. I was in the same dilemma when first creating an e-commerce website. Before making a decision, take a look at WP and woocommerce or Shopify. It will be much easier to create a site there, and it will be much easier for your client to add products and change small things that would take hundreds if not thousands of lines of code for you to write. If you want to learn, give PHP a shot, if you know JS already then switching to node will be extremely easy. This is just my 2 cents.
Don't build e-commerce from scratch as a freelancer especially as a beginner. It is not worth it unless you are Amazon or any other big e-commerce companies. Use Shopify or similar services.
What is video about? Blogs? How about business applications which are 99% real time data based ....when he says firebase he just shifts the concern . Thus guy has definitely never written anything for real businesses like air traffic controller, fraud prevention, hospital billing etc....
Well guess what, you mention FedEx requirements that could not be met with jam stack. What is jam stack anyway beyond jekyll that has been around forever? What's the point if creating yet another buzzword to feed recruiters who are already clueless?
It would be nice to have some visuals to better explain some of the concepts
Great explanation. Thank you both, Brad and James for the content.
"Jam a man of Fortune, and J must seek my fortune." - Henry Averies, 1994
Great video James!! Special thanks to Traversy Media for featuring James & other UA-camrs. They all provide such good content but are underrated & should get more recognition🙏
James, I will definitely try your JAMStack Crash course to get some insight.
Thank you!!
Long story short...if you're not using server-side rendering i.e. you use client-side routing you're doing JAMStack?
I have always appreciated the content of this channel as well as Brad's neutral attitude towards different tools. I am also subscribed to James' channel.
It's good to be a JAM stack developer (I am one). However!!!!!!!!!!!!! insisting that it's better than WordPress every thirty second just because it's trend now (and throwing some random JAM stack cons at the end ...), is not fair.
James, your videos are good and I get the fact that digital products need such content creation too.
In terms of DX, WordPress can be developed using modern tooling (Webpack=code splitting, HMR, chunking, conditional asset loading..., WPCLI, Composer, Bedrock structure, sage...). Actually it was possible 4 years ago as well. Just because there are lousy devs out there using it or it can also be built no code, doesn't mean that the platform is bad, It means it is flexible.
Also continuous integration is possible with WordPress.
In terms of UX(I guess websites eventually are built for users not devs!!!), no other platform has been developed yet to be as flexible and easy for users than WordPress.
It also doesn't mean CMSs in the JAM stack world that are bad.
Cost? well, this one also WordPress wins.
In my case, I'd do my website using Nextjs but would still keep the backend WordPress with custom api endpoints for better WordPress api speed. Even without going headless with Next, WordPress is still flexible, it is ideal for 70% of use cases and not good for 30%.
In WordPress I recently made a brochure website for a client with 7 pages, 30kb css on front page as well as 10kb vanilla js with no jQuery. So it is possible. And she can have a blog later is she wants.
We must have a toolbox and choose per project.
I can't quite get an understanding from James' video. I think it needs some examples or visuals or something. I finish the video still clueless about the topic.
You are AWESOME! Thanks so much! I LOVE the JAMStack, I’ve been teaching myself web development for about a year now.
Interesting. I wrote a similar 'stack' early 2000 for performance reasons. I can see where this stack is very nice for large static sites where information doesn't change very often. Having said that, while cool and useful, I'm working in a single language (not js) stack that's the most productive environment I've ever worked in (almost zero runtime errors - if it builds, it works) and while I'll keep the concept of JAM in mind for possible efficiency improvements, we're still happy campers with a modified SAFE stack. Thanks for the info though!
I learned a lot from this guy. a lot of resources, new things
I've heard this term a lot of times but never knew what it was and 'till now it's mind bending. Thanks for the explanation!
P.S: I know you from Twitter !!
Digging that Space Jam Stack poster in the background!
I still don't know what this JAMStack thing is. Is it a methodology? A framework? An architecture? I can use it to produce static files... I can use Webpack or Gulp to do that too... is it a module bundler?
After a bit of reading around, this is an architecture used to guide developers to use best practices for full stack implementation. As far as I can see it's basically like suggesting using a formalized API layer within a decoupled stack environment.
So something like React native for all platform front-end component implementation, web API and a Facade, and DDD or clean architecture would be considered JAMStack. You could even say it's a higher abstraction of clean architecture.
Wow great information 👍👍👍, sir, can you make a crash course on Jam Stack
Love from Bharat 🇮🇳.
Thank you, I like the way you explained, you are a good teacher.
Thanks for explaining JAM in first 30 seconds because I have short attention span. Also I am sick and tired of updating lambda dependancies. I use stripe in 4 functions and stripe npm package is updated 5 times per week. I got to switch to lambda layers soon.
Thanks to both james and Brad for this video. As I am also creating some demos in jam stack and this video published gives me so much confidence thanks again.... Very helpful....
Thanks for watching :)
JAM stack, headless CMSs (especially Strapi) and React Native lack proper content on UA-cam.
Especially sanity too
Do you know when's the right use-case for a database like FaunaDB vs. using a headless CMS like Sanity?
It's cuz Native is poo right now. Can't speak for the rest of them though....
I know James Q Quick because of JAMStack.
Well pretty much: Headless cms with backend & front-end separated and hosted in different places. normally wp (hosted somewhere) & reactjs and nextjs or gatsby(ususally hosted in netlify or vercel)
love from தமிழ்நாடு
As always and in depth information about al I want to know about JAM Stack. Thanks.
Very well explained, thanks for the service examples provided.
So this is basically a new acronym the recruiters can write into their "4 years experience required" list? Perfect. That's all they need.
That feeling when you guess who the video is from before you see their face :)
haha did you?!
It looks quite the same to have a SPA website interacting with a backend, whether it's an external service (auth0) or your own backend service, even if you maintain the backend, you are in the same situation no? a JamStack, at the front is still static (SPA). API are maintained either by your or a third service. You still need Backend somewhere
awesome video, thanks for discussing tools that you use and recommendations!
The idea of jam stack is pretty cool it provides easy setup and minimize time to market ... but with all these technologies we need to use (headless cms, static files generator, plugins ...) it makes it a lot expensive than usual dev stacks otherwise it's pretty good 👍
I love eleventy but it is so non-opinionated and so flexible it's hard to know the "best" or "right" way to use it. But yah, I am lovin this static site stuff.
RIP my ears.... (I had my headset volume on max for the intro tune)
Great video though. Thanks for your clear explanations.
Thank you for the clear explanation. (Honestly I was more confused about JAM stack after watching other videos on this subject 🙀)
Thanks James! Great overview
hey y'all I also recommend listening to syntax podcast
Nice thanks, was literally just checking Jamstack out
Thanks James 😊
you're welcome :)
Good points. What I would like to know is why contentful is so expensive after free option? $480 monthly? And if I only need free version, is that mostly enough for a blog driven site?
Amazing Explanation!
The dev setup site should be called “desk flex”
The problem with going JAM is that it can become hard to get control over all these data sources like for example going to shoppify to maintain product list then go to your CMS to update the content and so on and all these are hosted in separate places with different payment plans which can get pricey and just hard to expense. With wordpress everything is combined and easy to maintain in one dashboard with your e-commerce and payment control dashboard built into it. Yes it needs server but for the non developer customer maintaining the content it is easier. I found myself paying more for JAM to have similar experience
Absolutely, nobody here is saying that you should drop you current Serverside CMS approach to building websites. Jam is just a different approach that can be used in some very specific circumstances to reduce cost DEEPLY
I recently build a small landing page + shop for a client with a small business that had very decent functionality at a ridiculously cheap cost to deploy and maintain. Why? Because is used JAM!
Is it the way to go for every project? Of course not! Will it make me automatically save hundreds of dolars absolutely not. But it's an architectural pattern to keep in mind for future projects since, as long as you build your entire app around JAM and confirm that it indeed fits the need of the project, it might be a pretty cool way so save some time and money
This guy needs to plug himself even more
lol thanks!
Thanks guys!
Please make video how to setup dynamic DNS with Cloudflare to overcome static ip address for local development and home IOT automation
When's the right use-case for a database like FaunaDB vs. using a headless CMS like Sanity?
Super useful! Thanks!
This guest is so good
haha thanks!
It's a PB&J. Simple 🍞
so Jam Stack basically encompasses "MERN AND MEAN STACK" & ALL THE STACKS for Javascript & etc
Thanks
great explanation. 👌
Great Video
Jamstack in the front, Space Jam in the back
haha yass!
Thanks James
Also can we appreciate his space jam movie poster on the wall?)
Awesome video! Thanks for sharing it!
space jam is awesome!
Jamstack Examples link does not work anymore?
Here from Cloudflare Pages blogpost. Interesting.
James, get some airpods what are you doing with all these wires and shit
Thank you for your opinions sire i am actually trying to consider learning it i have no working experiemce yet i am currently a biginner who still study js for now done with html and css and i am considereing maybe just learn jamstak because its kindof like the new ways to do stuff
And makes the study less longer i mean if i study mean or mern it will take a while but its december now and i am iching that i still dont have job . Its because i took rest for a while to learn web dev and i have high hopes that i am ready to take my shot using jamstack
I would likento ask a question sir .
Would you recomend jamstack to newbies like me who by the moment only knows how to do static basic website?
I mean if people like me who dont have working experience yet and purely fresh on coding?
Should i just have jamstack as my first tech stack by choice
Would like to hear opinion on having Jamstack as a PWA. My problem so far is understanding how to make it secure. I have a background only in javascript frontend talking to asp.net webAPI.
Please add some slides to back your speech
Seems like a lot of “novice” or non web dev folk are into ssg for some reason? I’ve seen comments about how it’s easier than Wordpress etc. find that interesting because having to use git or cli I would think intimidates most “non tech” people
Damn awesome
Hm, this looks to be the next stage for me, being fully into WP system atm.
My favorite Jamstack website is www.spacejam.com/
How are you so quick bro
it's my last name :)
5th of comment. Still pretty good.
I expected Brad, for a second I felt like I slipped into an alternate timeline. Weird feeling, especially if you're tired.
Brad call clever programmer guest lesson
What are the cons of JAM stack?
Your explanation would have been much more effective if you'd started out explaining the difference between static and dynamic sites and their performance, since so much of what you talk about in the first 5 minutes involves that difference. Why wait until 1/3 of the way through the video to explain a key concept that you'd already been referencing? Same idea with CDNs...you reference CDNs several times in the beginning of the video, but you don't explain why serving static files from a CDN is superior until almost 6 minutes in. This is the opposite of how a lesson should be -- you should be starting with the fundamental information first and then building off that.
Please make some videos about GOlang
Any plan on 2021 roadmap?
Yes, I will be working on it soon :)
@@TraversyMedia love you sir ❤️
wooo! Nice video :)
Just configure a Varnish, all this static site building bs.
but bro. what about space jam stack?
Ouch. Looking at the code behind jamesqquick.com, for a simple static site it sure looks like Gatsby has a big ratio of code to content. And a lot of Javascript. For me, that is a definite negative.
❤️❤️❤️
Sir build a e-commerce website fully functional cart payment gateway and order tracking all component and order dashboard all function plz sir build this topic website build sir
client side rendering hurts your SEO
Please make a video on Sanity.io.
What a failed description.
you need to do a practice
How do you distinguish a software developer (like this dude) from a software engineer? The former are handsome while the latter are just sad..
Hey Brad I recently learned html css and javascript from your amazing courses and I want to create e-commerce websites as a freelancer. I'm confused as to what back-end language I should learn. I'm in Pakistan so php and laravel is much more prevalent but I personally want to learn nodejs with express for building e-commerce websites. Tell me , should I stick with nodejs or learn php instead if that is more in demand in my country and what would you prefer personally ?
I think you should go with what is popular within your area or country if you want to get a job.
However, as a freelance developer, you can choose nodejs and express if you really want to use them.
Bro go with nodejs. Even Brad would suggest you the same.
PHP is popular everywhere, it might not look like it on youtube, but most of the sites run on WP anyways. If you're building an e-commerce website, as a freelancer especially, you shouldn't be making e-commerce websites from scratch. I was in the same dilemma when first creating an e-commerce website. Before making a decision, take a look at WP and woocommerce or Shopify. It will be much easier to create a site there, and it will be much easier for your client to add products and change small things that would take hundreds if not thousands of lines of code for you to write.
If you want to learn, give PHP a shot, if you know JS already then switching to node will be extremely easy. This is just my 2 cents.
Don't build e-commerce from scratch as a freelancer especially as a beginner. It is not worth it unless you are Amazon or any other big e-commerce companies. Use Shopify or similar services.
@@DarkPwnsSeeds is php harder or the same as nodejs
3rd
second
First to comment.
First
What is video about? Blogs? How about business applications which are 99% real time data based ....when he says firebase he just shifts the concern . Thus guy has definitely never written anything for real businesses like air traffic controller, fraud prevention, hospital billing etc....
Well guess what, you mention FedEx requirements that could not be met with jam stack. What is jam stack anyway beyond jekyll that has been around forever? What's the point if creating yet another buzzword to feed recruiters who are already clueless?
My Indian bro's like this comments.
1st comment
love from தமிழ்நாடு
No one cares.
wow.... cool first vid thanks bunches!
cheers, @kaibuskirk
First