You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
<p>Pre-generated assets which are highly portable and may be served from a wide variety of hosting platforms. Elevated by modern developer tooling.</p>
13
-
<ahref="/discord"class="cta">Join the Discord community</a>
Join 20,000+ web developers to learn how it started, how it's going, and what's next!
29
-
</p>
30
-
</a>
16
+
<section>
17
+
<h1class="hero-text">What is the Jamstack?</h1>
18
+
<pclass="mb-8">Pre-generated assets which are highly portable and may be served from a wide variety of hosting platforms. Elevated by modern developer tooling.</p>
31
19
</section>
32
20
33
-
34
-
35
21
<sectionclass="mb-20">
36
22
<h2>Why Jamstack</h2>
37
23
<pclass="w-2/3 mb-12">
38
24
The Jamstack architecture has many benefits, whether you’re building a large e-commerce site, SaaS application or personal blog.
39
25
</p>
40
26
41
-
{{section.icons() }}
42
-
43
-
44
-
45
-
{{section.benefit(
46
-
"Better Performance",
47
-
"#pink_lightning",
48
-
"<p>
49
-
Why wait for pages to build on the fly when you can generate them at deploy time? When it comes to minimizing the time to first byte, nothing beats pre-built files served over a CDN.
50
-
</p>")
51
-
}}
52
-
{{section.benefit(
53
-
"Higher Security",
54
-
"#blue_shield",
55
-
"<p>
56
-
With server-side processes abstracted into microservice APIs, surface areas for attacks are reduced. You can also leverage the domain expertise of specialist third-party services.
57
-
</p>")
58
-
}}
59
-
{{section.benefit(
60
-
"Cheaper, Easier Scaling",
61
-
"#orange_coins",
62
-
"<p>
63
-
When your deployment amounts to a stack of files that can be served anywhere, scaling is a matter of serving those files in more places. CDNs are perfect for this, and often include scaling in all of their plans.
64
-
</p>")
65
-
}}
66
-
{{section.benefit(
67
-
"Better Developer Experience",
68
-
"#teal_browser",
69
-
"<p>
70
-
Loose coupling and separation of controls allow for more targeted development and debugging, and the expanding selection of CMS options for site generators remove the need to maintain a separate stack for content and marketing.
71
-
</p>")
72
-
}}
73
27
<ahref="/why-jamstack"class="cta">Read more about the benefits of Jamstack</a>
74
28
</section>
75
29
76
-
<divclass="bg-gray-100 mb-20">
77
-
<section>
78
-
<h2class="text-2xl">The future is highly distributed</h2>
79
-
<pclass="mt-6 mb-8">
80
-
Jamstack is the new standard architecture for the web. Using Git workflows and modern build tools, pre-rendered content is served to a CDN and made dynamic through APIs and serverless functions. Technologies in the stack include JavaScript frameworks, Static Site Generators, Headless CMSs, and CDNs.
81
-
</p>
82
-
<imgsrc="/img/svg/architecture.svg"alt="Jamstack architecture diagram, Bidirectional arrows between Client and CDN, Client and Microservices">
0 commit comments