Developer Training: JAMSTACK 101 with Gatsby and Agility CMS
2 hour Developer Training and launch your first project with Gatsby and Agility CMS
JAMstack is not about specific technologies.
JAMstack is a new way of building websites and apps that delivers better performance, higher security, lower cost of scaling, and a better developer experience.
It is the combination of underlying tooling that makes JAMstack so exciting.
What does JAMstack really mean?
One of the things about JAMstack architecture is that a page request does not hit a server for HTML.
Instead, it fetches HTML from a CDN, where an HTML file has been pre-built and is ready to be downloaded.
- It means that requesting a page from a JAMstack site does not need to wait for HTML to be compiled and returned to the client via a traditional web server.
- JAMstack is still about static js./CSS/HTML, but it brings an improved developer experience and robust app development than legacy methods.
- Using JAMstack, developers can build static files that are ready to be served by request. Every single file is pre-built and stored on a global CDN instead of serving files that are tightly coupled to web servers with heavy backend frameworks.
Now that you know what the JAMstack is and how it works, it's time to use it!
Agility CMS is not the first CMS to use JAMstack, but we aren't new to the JAMstack jam.
Watch this 2 hour Developer Training with our amazing Joel Varty if you want to learn more about using Gatsby and Agility CMS for your first JAMstack implementation.
What Makes Agility CMS A JAMstack Pioneer?
Agility CMS helps developers who need to build a foundation for their bespoke, online ecosystem. The fact that Agility is an API-first CMS that both REST APIs means that developers can connect as many third-party apps and front-end frameworks to the CMS as they need, evolving and scaling quickly and easily.
These are some of the main reasons Agility CMS is one of the JAMstack pioneers:
- Use REST APIs or sync SDKs to interact with your content and deliver it anywhere.
- Agility CMS enables developers to code things their way. Agility CMS won't dictate how your content is presented. Use one of the starter templates to fast-track development, or build your own.
- It hosts and completely abstracts away your database, so you never have to worry about maintenance, backups, or connection strings ever again.
- Agility CMS is now Gatsby’s first class partner so you can build a content foundation that will go the distance and deploy your blazing-fast Gatsby site with confidence. Here is how to start on Gatsby and Agility CMS.
- We are currently working with customers who want to adopt JAMstack despite having large, monolithic websites. Using Agility, they’re shifting to a JAMstack setup page-by-page, using JAMStack to selectively improve the more essential sections of their sites. In other words, you don't have to rebuild your website from scratch to adopt JAMstack—you just need the right technologies in your corner.
Finally, Agility CMS has devised a Content Architecture to help brands manage their digital content. Agility’s content architecture provides a central hub for creating, editing and managing content. Content is stored within the content architecture, and it is then accessed via APIs by developers.
If you want to learn more, see our webinar about how Agility works as a JAMstack CMS.
Learn more about JAMstack and Agility CMS.
Gatsby was designed from the ground up to improve the user experience across the web. That means performance, SEO, and accessibility are top of mind. They have implemented many out-of-the-box techniques to give you a leg up on providing the best experience for your users.
What Makes Gatsby A Pioneer?
Gatsby uses a powerful pre-configuration to build static websites that give developers incredibly fast page loads, service workers, code splitting, server-side rendering, quick image loading, asset optimization, and data prefetching.
These are some of the main reasons Gatsby is one of the JAMstack pioneers:
- Gatsby boasts excellent documentation and a number of starters to help you get a site up and running quickly.
- Gatsby uses GraphQL to build its data layer. That means that Gatsby can collect your data from wherever it may be: Markdown, JSON, your favorite CMS, and third party APIs.
- Gatsby is more than a boilerplate site generator. It's built with performance and speed in mind, which is something you can feel in the final product.