What is the JAMStack?
Vložit
- čas přidán 26. 08. 2024
- The JAMStack is pretty suit for creating highly reactive, SEO-tuned web apps. Here's how the JAMStack works!
----------
Example Project Code: github.com/aca...
Also visit jamstack.org
Want to learn something totally different? Check out all other courses: academind.com/...
----------
• You can follow Max on Twitter (@maxedapps).
• And you should of course also follow @academind_real.
• You can also find us on Facebook.( / academindchannel )
• Or visit our Website (www.academind.com) and subscribe to our newsletter!
See you in the videos!
----------
Academind is your source for online education in the areas of web development, frontend web development, backend web development, programming, coding and data science! No matter if you are looking for a tutorial, a course, a crash course, an introduction, an online tutorial or any related video, we try our best to offer you the content you are looking for. Our topics include Angular, React, Vue, Html, CSS, JavaScript, TypeScript, Redux, Nuxt.js, RxJs, Bootstrap, Laravel, Node.js, Progressive Web Apps (PWA), Ionic, React Native, Regular Expressions (RegEx), Stencil, Power BI, Amazon Web Services (AWS), Firebase or other topics, make sure to have a look at this channel or at academind.com to find the learning resource of your choice!
Two Javascript libraries walk into a library. Twenty come out.
Nice one
Increase factor from 10 to 1000, Two Thousand come out.
It weighs heavier than the whole universe
yeah and all of them suck after
hahaha, you got me
It's Markup not Markdown, Max.
You can use any kind of markup language / templating engine to provide your content.
In practice it's gonna be mostly markdown though
@@davlmt doesn't have to be, so definitely not the rule.
He is an experienced person....So 😏
You are right of course - my bad. Indeed you most often use Markdown but that is not a must. Sorry about that!
davlmt no, it’s gonna be mostly html
Mr Max,
Im very grateful for your dedication, contributions, and ease of understanding of your tutorials.
Thank you!
Thanks so much for this wonderful comment Sid, this really means a lot to me!
@@academind Its means a lot to me as well. You give gold in all your videos, and a simple comment of the kind is a little something to show my appreciation towards your channel's efforts. One of the best. Keep up the great work, my friend.
Max, you’re an amazing teacher! 😄 I’m not even an official web developer, I’m an IT Business Intelligence Analyst on my way to becoming a Full Stack Data Scientist! But I HIGHLY value well-constructed documentation sites and already know that I need to be able to deploy machine learning solutions to the web for the future. I’ve fallen in love with Vue JS and VuePress. JAMStack and Serverless is the way to go for me.
If Bob Marley was alive and became a programmer, he would be JAM'min.
My vote for next series:
Gatsby + Prisma
Prisma is a logical next step for your GraphQL series. Gatsby is a logical next step for this video and your prior React series.
What are you doing Max?!! Yesterday I though: "I should search what's that JAM stuff everyone is talking about".
Trying to read your mind :D
JAM isn't new technology, it's just a new term and it's not cool. We don't need more acronyms.
It would be awesome to watch a crash course about Gatsby.js and how to connect it to the Express (dynamic content) - best practices / auth (JWT) / e-commerce... For now, we have a small community and it's hard to find a great solution - where to place all API's requests and etc...
I will hope and wait
Check the snipcart blog. They have tutorials for virtually everything related to JAMStack. Alternatively try the netlify blog.
Great video, Sounds cool, maybe one day, but I think I will stick to my load balancers and web servers for now. At one point you have to stop learning, and start making money with a wheel that works.
Every day new technology comes up.... So much to learn🙄
Yes. I am leaving JavaScript.
I decided to start .net core or spring boot.
Both are open source and free.
@@santhoshm9193 looks like you have not heard of .net core v3 ! :(
actually i'm on my way to leave the .NET framework and shift to JS and NodeJS instead
@@AhmedHussein-ri3cm Level .Net Framework.
But, Start .Net core.
I think you have not heard about Blazor.Net.
Blazor.Net will replace JavaScript frameworks.
@@santhoshm9193 hi, yes i have heard of blazor, but i think it will take many years to have the free libraries like JS, maybe 5 or more years
@@AhmedHussein-ri3cm codedaze.io/blazor-toast-notifications-using-only-csharp-html-css/
blazorise.com
blazorcomponents.github.io/MatBlazor/
See these libraries.. I think easy to port from js to c#.
Just the video I was looking for. Thanks Max for this, it gave me a better understanding of the JAMstack. I do enjoy your videos and bought a few of your courses as well. Furthermore, If you can create more content about the JAMstack would be great.
Great video Max! Maybe more tutorials on this after you finish up the ongoing GraphQL course!
Cheers! 😄
Thank you Aadhi! We'll see, but as you wrote, we have to finish the GraphQL series first :)
'M' is for 'Markup', not for 'Markdown'
Hey Max... not necessarily you need to generate your pages every time you add something... if you are using tools like Jekyll or Hugo ((or any other)) you can host your pages on github, and use Netlify to make this boring work for you... works great =)... when you add a website there, you have an option to build your page, and you use these tools =D
Please answer my doubt - can we make stackoverflow like website with jamstack?
Dear Academind gurus, can you please make a gatsbyjs udemy tutorial?
bless!
Just finished learning PHP... guess its time to dive into the Javascript ecossystem - with Gatsby.JS after React.JS - of course
Wow, thanks- this is so good. Bless you. Long Live Academind. :)
Do you all have MarkDown tutorials. Thanks. Love you guys.
@Ranie Santos thanks Ranie, you are also super cool. Lynda.com has a course on MarkDown, but it's very old. I am crazy- thought it's a language. Thanks for your help. Enjoy.
May this help you ;)
github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet
@@HarryManchanda thank you Harry Paji. God Bless you.
Yo Max, can you do a video comparing Angular (+universal) vs maybe react/vue using the JAMStack ?
I think it will probably be a good discussion and if not then maybe I'm misunderstanding the concept of both on in that case I m not alone so the requested video would be a great explanation.
Thanks again for all the content , keep it up :)
Does Gatsby convert or generate React sites from Markup(Markdown) directly or does it need to first convert them to HTML first through some plugins and then turn them into static React pages?
Hi how do we add more markdown files to Gatsby or any static site generator after the app is deployed? do we add them to the content folder, recompile and deploy again? thank you
This was very helpful, thank you for the brilliant explanation
Love that name at 13:00 dangerouslySetInnerHTML. Possibly best name ever.
Hi Max, how do you about auth? Is it still possible to create with passport like a CRA? Also, is it possible to add a node express backend if I don’t want to go 100% with lambda functions ?
DOOD! Do one on Webpack too.
Is there a security concern with dangerously setting inner html inside a react component? Doesn't it make your application more vulnerable to XSS attacks?
Oh Another Stack? It seems I am goona die learning them, Poor Programming Life!
Prepare to get JAMMED
:D
So this is like jekyll for static pages but only for JS SPA
Is there any downside?
So its as a server side rendered application? why would it be renamed as jamstack?
Clients still give me the side eye when I say there's this new static method that is faster, cheaper and more secure. It does sound too good to be true, but it's kinda funny that it's actually way more simple than the usual method of building sites.
Hi max, how is this different from Angular App Shell + Angular Universal?
Angular Universal gives you no static web app. You have a Node app which renders view on demand (i.e. upon use visit). You could argue that "JAM" doesn't need a static app and you would be right. Typically, the JAMStack is used with a static site generator though.
Can I host this on Apache based hosting?
thanks, you remain a man!!! why it's not written on the JAMstack site?
great presentation Max, thanks!
Thank you Guiseppe!
Please, what is said from 19:34 to 19:38 ?
"But on many things I showed here, I already got a lot of content of course"
hey please make course on microservices with golang and some secure apps with django framework.
So Gatsby JS is a JAM stack, right or wrong?
i use that with nuxtjs, couse i familiar with vuejs, but I didn't understand what that means JAM1
Great video!!!
thnx max, i really like your content :) thanks a lot for your great effort :)
Very happy to read that Ahmed, thanks a lot for your comment!
Javascript, APIs, and *Markup* (HTML, rendered from Markdown or not :P)
This is a fantastic video
It is very interesting. But how would be the approach with an angular app?
Move to ReactJs :p
Hi Max. Do you plan to update Academind to React.js? It's Nuxt based currently right? Have you take a look at Gridsome which seems to be a Gatsby like solution for Vue.js?
Great explaination
Gatsby vs Nuxt pros and cons?
Please gatsbyjs blog tutorial series next
seems unnecessarily complex
You are super awesome man
YOU are awesome, thank you very much for your support!
Is MERN stack a JAM stack?
No, MERN stack is Mongodb for DB and node for backend server.
If you or your team are managing those 2 then no.
thank you
Thank YOU for your comment Sai!
"Markdown" instead of "markup" ruins it.
#jammed :p
Markdown Tutorial Please. Thanks
In few words "Fuck Javascript for backend". I am literally done with Javascript and shitty Acronyms every day it is attached to.
MEAN
MERN
MEVN
etc etc..
Never ever gonna touch JS on the backend ever.
Okay
next.js + express + typescript plz
I like to put all my videos on 1.5x speed.
Hahaha germans always pronouncing v as w... wisit =D
What gets me is when he says *series*, it sounds to me like he says *serious*. Still great English I have no trouble understanding Max-millions.
Guess it's the German pronunciation in the end. I try to keep hints like that in mind but I rather focus on the actual content to be honest ;)
Making things more complicated for beginners...
Sub ENG please
Captions are added automatically by CZcams, sorry.
Great, another acronym that clumps what we're already doing. What about the *Build a Complete App with GraphQL, node.js, MongoDB, and react.js* serious (j/k series)... Why isn't the next video online? .../taps foot impatiently
I can only apologize for offering free content on CZcams. Seriously - what's the idea behind comments like this one? I release tons of content (which - by the way - takes time to produce) and then I get comments like yours.
The project series is still ongoing and I aim for two new videos being released every week. The next video will come out today.
@@academind The idea behind comments like this are to persuade you to release the next video video in the series. If you look further down at other comments I said you had great English and thanked you for what you do. My comment was by no means negative, on the contrary, I just want the next video your a good teacher mate.
Thanks! The thing is: There indeed some comments like this one and this is actually annoying. I'll not release the videos faster because I haven't finished recording the series yet. I do create it whilst the first videos are already getting released. It's a side project and one that's important to me. The alternative to releasing it step by step is not releasing anything basically since I won't be able to release new content every week AND release a series like this in one chunk. It does take quite some time to prepare + record in the end.
What is the jam stack, are you sure you want my opinion?
Its a rockman mach 3.
Vox made something simpler but just as lame too.
And the logo looks alot like somebody that has alot more experience in kick ass tone. Starts with an M? I dont like the idea of that monstrosity on the end of my 5 g guitar either.
But in final anaylisis , its copying the real thing superficially
My money can be better spent.
And all this tech exists already ,sorry you asked .. no offense . Im not into all this modeling tech