What Is The Jamstack?

  Рет қаралды 63,873

Traversy Media

Traversy Media

Күн бұрын

Пікірлер: 124
@Nyasha_Nziboi
@Nyasha_Nziboi 4 жыл бұрын
It would be nice to have some visuals to better explain some of the concepts
@tonimaunde
@tonimaunde 4 жыл бұрын
Great explanation. Thank you both, Brad and James for the content.
@NoisYmenT
@NoisYmenT 4 жыл бұрын
"Jam a man of Fortune, and J must seek my fortune." - Henry Averies, 1994
@AkshaySharma-sv3yl
@AkshaySharma-sv3yl 4 жыл бұрын
Great video James!! Special thanks to Traversy Media for featuring James & other KZbinrs. 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.
@JamesQQuick
@JamesQQuick 4 жыл бұрын
Thank you!!
@AndreiMusicMan
@AndreiMusicMan 4 жыл бұрын
Long story short...if you're not using server-side rendering i.e. you use client-side routing you're doing JAMStack?
@MrGreenpaulo
@MrGreenpaulo 4 жыл бұрын
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.
@JonibekJ
@JonibekJ 4 жыл бұрын
I learned a lot from this guy. a lot of resources, new things
@alexkey9372
@alexkey9372 4 жыл бұрын
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)
@odedejikehinde6514
@odedejikehinde6514 Жыл бұрын
Thank you, I like the way you explained, you are a good teacher.
@vince-malou
@vince-malou 2 жыл бұрын
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
@MopeyFand
@MopeyFand 3 жыл бұрын
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?
@MopeyFand
@MopeyFand 3 жыл бұрын
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.
@ashleysouffrant1320
@ashleysouffrant1320 4 жыл бұрын
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 !!
@narcissisticnarcissus4956
@narcissisticnarcissus4956 4 жыл бұрын
JAM stack, headless CMSs (especially Strapi) and React Native lack proper content on KZbin.
@rahulsriram6295
@rahulsriram6295 4 жыл бұрын
Especially sanity too
@mateowang6570
@mateowang6570 4 жыл бұрын
Do you know when's the right use-case for a database like FaunaDB vs. using a headless CMS like Sanity?
@scriptkeeper8243
@scriptkeeper8243 4 жыл бұрын
It's cuz Native is poo right now. Can't speak for the rest of them though....
@islandman9619
@islandman9619 3 жыл бұрын
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!
@alinademi
@alinademi 4 жыл бұрын
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.
@Armbreakfire
@Armbreakfire 4 жыл бұрын
Digging that Space Jam Stack poster in the background!
@dmiradakis
@dmiradakis 4 жыл бұрын
You are AWESOME! Thanks so much! I LOVE the JAMStack, I’ve been teaching myself web development for about a year now.
@softinix9462
@softinix9462 3 жыл бұрын
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
@sebastiangudino9377
@sebastiangudino9377 2 жыл бұрын
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
@asankalk
@asankalk 2 жыл бұрын
Jamstack Examples link does not work anymore?
@dhaparesolutions
@dhaparesolutions 4 жыл бұрын
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....
@JamesQQuick
@JamesQQuick 4 жыл бұрын
Thanks for watching :)
@sanfords
@sanfords 2 жыл бұрын
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.
@hamzahmd_
@hamzahmd_ 3 жыл бұрын
I know James Q Quick because of JAMStack.
@justinasbei
@justinasbei 2 жыл бұрын
What are the cons of JAM stack?
@greenshaheen
@greenshaheen 4 жыл бұрын
Any plan on 2021 roadmap?
@TraversyMedia
@TraversyMedia 4 жыл бұрын
Yes, I will be working on it soon :)
@greenshaheen
@greenshaheen 4 жыл бұрын
@@TraversyMedia love you sir ❤️
@mateowang6570
@mateowang6570 4 жыл бұрын
When's the right use-case for a database like FaunaDB vs. using a headless CMS like Sanity?
@denniszenanywhere
@denniszenanywhere 4 жыл бұрын
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?
@ApoorvMote
@ApoorvMote 4 жыл бұрын
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.
@DesigedByNino
@DesigedByNino 4 жыл бұрын
Very well explained, thanks for the service examples provided.
@parthkumarchaudhary
@parthkumarchaudhary 4 жыл бұрын
As always and in depth information about al I want to know about JAM Stack. Thanks.
@tilakmadichettitheappdeveloper
@tilakmadichettitheappdeveloper 4 жыл бұрын
hey y'all I also recommend listening to syntax podcast
@do5836
@do5836 4 жыл бұрын
love from தமிழ்நாடு
@williamlowry
@williamlowry 4 жыл бұрын
awesome video, thanks for discussing tools that you use and recommendations!
@MikeNugget
@MikeNugget 4 жыл бұрын
Please make video how to setup dynamic DNS with Cloudflare to overcome static ip address for local development and home IOT automation
@hamzahmd_
@hamzahmd_ 3 жыл бұрын
Amazing Explanation!
@sashatv138
@sashatv138 4 жыл бұрын
Thanks guys!
@joshipiano
@joshipiano 3 жыл бұрын
Please add some slides to back your speech
@TheMatrixCodeBreaker
@TheMatrixCodeBreaker 4 жыл бұрын
Thanks James 😊
@JamesQQuick
@JamesQQuick 4 жыл бұрын
you're welcome :)
@AdamsTaiwan
@AdamsTaiwan 4 жыл бұрын
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.
@rudythorns8411
@rudythorns8411 2 жыл бұрын
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
@rudythorns8411
@rudythorns8411 2 жыл бұрын
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
@harmonicresonanceproject
@harmonicresonanceproject 3 жыл бұрын
Hm, this looks to be the next stage for me, being fully into WP system atm.
@js_programmer8423
@js_programmer8423 3 жыл бұрын
so Jam Stack basically encompasses "MERN AND MEAN STACK" & ALL THE STACKS for Javascript & etc
@mk9834
@mk9834 3 жыл бұрын
Thanks James
@derekokeeffe9919
@derekokeeffe9919 2 жыл бұрын
RIP my ears.... (I had my headset volume on max for the intro tune)
@derekokeeffe9919
@derekokeeffe9919 2 жыл бұрын
Great video though. Thanks for your clear explanations.
@cassolmedia
@cassolmedia 4 жыл бұрын
Thanks James! Great overview
@medelmobarik4246
@medelmobarik4246 2 жыл бұрын
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 👍
@nicolasguillenc
@nicolasguillenc 4 жыл бұрын
This guest is so good
@JamesQQuick
@JamesQQuick 4 жыл бұрын
haha thanks!
@WillBlackburnMusic
@WillBlackburnMusic 4 жыл бұрын
Nice thanks, was literally just checking Jamstack out
@rohanjoshi8420
@rohanjoshi8420 4 жыл бұрын
Wow great information 👍👍👍, sir, can you make a crash course on Jam Stack Love from Bharat 🇮🇳.
@joostschuur
@joostschuur 4 жыл бұрын
That feeling when you guess who the video is from before you see their face :)
@JamesQQuick
@JamesQQuick 4 жыл бұрын
haha did you?!
@D3M0320
@D3M0320 3 жыл бұрын
The dev setup site should be called “desk flex”
@tejassethi9319
@tejassethi9319 4 жыл бұрын
Great Video
@muhammedozalp
@muhammedozalp Жыл бұрын
Thanks
@bineetnaidu5146
@bineetnaidu5146 4 жыл бұрын
Please make some videos about GOlang
@aaronrs2002
@aaronrs2002 4 жыл бұрын
So this is basically a new acronym the recruiters can write into their "4 years experience required" list? Perfect. That's all they need.
@VirtualShaft
@VirtualShaft 4 жыл бұрын
This guy needs to plug himself even more
@JamesQQuick
@JamesQQuick 4 жыл бұрын
lol thanks!
@fizfits5999
@fizfits5999 4 жыл бұрын
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 ?
@ashishdhamala9040
@ashishdhamala9040 4 жыл бұрын
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.
@developerscommunity
@developerscommunity 4 жыл бұрын
Bro go with nodejs. Even Brad would suggest you the same.
@DarkPwnsSeeds
@DarkPwnsSeeds 4 жыл бұрын
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.
@exactzero
@exactzero 4 жыл бұрын
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.
@fizfits5999
@fizfits5999 4 жыл бұрын
@@DarkPwnsSeeds is php harder or the same as nodejs
@rudrapratapsinha8880
@rudrapratapsinha8880 4 жыл бұрын
How are you so quick bro
@JamesQQuick
@JamesQQuick 4 жыл бұрын
it's my last name :)
@alain_laroche
@alain_laroche 4 жыл бұрын
Super useful! Thanks!
@BobbyBundlez
@BobbyBundlez 4 жыл бұрын
but bro. what about space jam stack?
@pjf7044
@pjf7044 2 жыл бұрын
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
@samcodes2912
@samcodes2912 4 жыл бұрын
great explanation. 👌
@Bound47
@Bound47 4 жыл бұрын
Jamstack in the front, Space Jam in the back
@JamesQQuick
@JamesQQuick 4 жыл бұрын
haha yass!
@yomajo
@yomajo 4 жыл бұрын
Here from Cloudflare Pages blogpost. Interesting.
@lordswaggity1213
@lordswaggity1213 4 жыл бұрын
It's a PB&J. Simple 🍞
@EddyVinck
@EddyVinck 4 жыл бұрын
My favorite Jamstack website is www.spacejam.com/
@Auth0
@Auth0 4 жыл бұрын
wooo! Nice video :)
@JimPlaxco
@JimPlaxco 3 жыл бұрын
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.
@mluevanos
@mluevanos 4 жыл бұрын
Please make a video on Sanity.io.
@DhanByCode
@DhanByCode 4 жыл бұрын
Damn awesome
@bz6304
@bz6304 3 жыл бұрын
Thank you for the clear explanation. (Honestly I was more confused about JAM stack after watching other videos on this subject 🙀)
@everyone61
@everyone61 4 жыл бұрын
client side rendering hurts your SEO
@UserNameNiemand
@UserNameNiemand 4 жыл бұрын
Also can we appreciate his space jam movie poster on the wall?) Awesome video! Thanks for sharing it!
@JamesQQuick
@JamesQQuick 4 жыл бұрын
space jam is awesome!
@stormcartoon
@stormcartoon 4 жыл бұрын
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
@justkitob
@justkitob 4 жыл бұрын
Brad call clever programmer guest lesson
@arissmarnakis4901
@arissmarnakis4901 4 жыл бұрын
How do you distinguish a software developer (like this dude) from a software engineer? The former are handsome while the latter are just sad..
@hipou2237
@hipou2237 4 жыл бұрын
❤️❤️❤️
@falsifyingdream
@falsifyingdream 3 жыл бұрын
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.
@Competitiveforlolz
@Competitiveforlolz 3 жыл бұрын
Just configure a Varnish, all this static site building bs.
@TheGrandmaster1
@TheGrandmaster1 4 жыл бұрын
5th of comment. Still pretty good.
@LongBoy.0
@LongBoy.0 3 жыл бұрын
James, get some airpods what are you doing with all these wires and shit
@elmassiraelmassira
@elmassiraelmassira 4 жыл бұрын
you need to do a practice
@adamradiv
@adamradiv 3 жыл бұрын
I expected Brad, for a second I felt like I slipped into an alternate timeline. Weird feeling, especially if you're tired.
@odeholon4590
@odeholon4590 3 жыл бұрын
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....
@odeholon4590
@odeholon4590 3 жыл бұрын
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?
@Dstonephoto
@Dstonephoto 3 жыл бұрын
What a failed description.
@shyamiy
@shyamiy 4 жыл бұрын
3rd
@albertdugba
@albertdugba 4 жыл бұрын
First to comment.
@lmsnews7581
@lmsnews7581 4 жыл бұрын
second
@shashwatshekhar5676
@shashwatshekhar5676 4 жыл бұрын
First
@nt44455
@nt44455 4 жыл бұрын
1st comment
@do5836
@do5836 4 жыл бұрын
love from தமிழ்நாடு
@nt44455
@nt44455 4 жыл бұрын
My Indian bro's like this comments.
@tenminutetokyo2643
@tenminutetokyo2643 3 жыл бұрын
No one cares.
@KaiBuskirk
@KaiBuskirk 2 жыл бұрын
wow.... cool first vid thanks bunches! cheers, @kaibuskirk
@TechnoSparkBigData
@TechnoSparkBigData 4 жыл бұрын
First
Kotlin Crash Course
1:23:50
Traversy Media
Рет қаралды 262 М.
What Is Serverless?
8:30
Traversy Media
Рет қаралды 181 М.
1% vs 100% #beatbox #tiktok
01:10
BeatboxJCOP
Рет қаралды 67 МЛН
BAYGUYSTAN | 1 СЕРИЯ | bayGUYS
36:55
bayGUYS
Рет қаралды 1,9 МЛН
Леон киллер и Оля Полякова 😹
00:42
Канал Смеха
Рет қаралды 4,7 МЛН
The Dome Paradox: A Loophole in Newton's Laws
22:59
Up and Atom
Рет қаралды 764 М.
What is mathematical thinking actually like?
9:44
Benjamin Keep, PhD, JD
Рет қаралды 10 М.
20 Essential VS Code Extensions In 2024
14:26
Traversy Media
Рет қаралды 227 М.
Strapi.js Crash Course | Headless CMS
25:06
Traversy Media
Рет қаралды 367 М.
JAMstack Crash Course - Build a Full Stack Application
1:14:54
James Q Quick
Рет қаралды 38 М.
Sass Crash Course
48:05
Traversy Media
Рет қаралды 406 М.
Node.js Crash Course
2:06:35
Traversy Media
Рет қаралды 260 М.
Getting Started With Open Source & GitHub
27:28
Traversy Media
Рет қаралды 57 М.
The Future of Singapore || Peter Zeihan
5:48
Zeihan on Geopolitics
Рет қаралды 70 М.
Git & GitHub Crash Course For Beginners
32:42
Traversy Media
Рет қаралды 3,1 МЛН
1% vs 100% #beatbox #tiktok
01:10
BeatboxJCOP
Рет қаралды 67 МЛН