JAMstack: Learn, build, and deploy with Stackery

Schedule a Free Demo

New to the JAMstack? Read on to learn if the JAMstack approach is right for you and your project. If you’re curious about how Stackery helps teams deploy JAMstack architectures with AWS drop down for the details.

Anatomy of the JAMstack

The JAMstack embodies many aspects of modern web development including managed services and CI/CD. Let’s dive into what is the JAMstack and how it works.

The JAM of JAMstack:

  • JavaScript (J): JavaScript is run client-side, carrying out its programming tasks during the request/response cycle.
  • APIs (A): Server-side APIs which can serve the client (via JS or Functions) or empower the website build process. Common APIs examples include headless CMS options like GraphCMS or Forestry, or other managed services like Stripe, Twilio, or Algolia.
  • Markup (M): Source code and static content, commonly driven by a site generator framework like Gatsby, Vue, or Hugo during a CI/CD process.

As you can tell there are a lot of other components that go into making a site or application using the JAMstack, namely git, static site generators, content delivery networks, hosting, and backend infrastructure.

  • Git, a version control system powering central source code repositories holding all the site’s components. (GitHub, GitLab, BitBucket)
  • Static Site Generators generate (duh) the browser markup and push all the markup to a Content Delivery Network as a collection of prebuilt pages. (Gatsby, Jekyll, Hugo)
  • The CDN and hosting services then find the changes, rebuild the site, and deploy it. (Cloudfare, Netlify, Amazon CloudFront)
  • The overall backend configuration and infrastructure is typically done using a managed service like GraphCMS, Amazon Web Services, or with the aid of a serverless platform like Stackery.

Key features

  • Scaling: Placing content on the CDN makes it easier to scale and personalize
  • Security: Dropping Wordpress, Drupal, databases, and plugins decreases opportunities for code injections and breaches. The bulk of security concern is passed off to the managed service allowing developers to focus on best serverless security best practices.
  • Site Speed: Load times decrease because the prebuilt HTML files are served over the CDN - not built on-demand by the server. Why does this matter? Recent studies have shown that cutting just a few milliseconds can result in millions of revenue.
  • Developer experience: One of the biggest problems facing the tech industry is hiring and retaining developers. The JAMstack is easier to learn than its predecessors the LAMPstack or MEANstack; making onboarding teams and iterating on projects faster and more enjoyable for developers.

Right for your team or project

While the JAMstack is rising in popularity, and with good reason--It may not be right for your team.

Reasons the JAMstack may not work:

  • You have a well-established content strategy built on top of a CMS you’re familiar with and your team is committed to using
  • You only need a single page website
  • Your developer team isn’t familiar with JavaScript
  • You’ve got a page that relies heavily on SEO metadata and that data changes regularly

To ensure the long term success of your JAMstack project consider:

  • Reduce the infrastructure you’re responsible for, by using a CDN whenever possible (for example)
  • Automating your build process with CI/CD tooling and a culture of continuous improvement
  • Embracing third party tooling when it makes sense for your project to do so

Learn more about the JAMstack>>

Stackery’s approach to the JAMStack

Stackery enables teams to architect the JAMstack with our Design Canvas and deploy it through our CI/CD pipeline to AWS managed services like S3 & CloudFront.

Stackery helps you visually design an architecture, including your website build (SSG), CDN, APIs (including your headless CMS or e-commerce store), data (S3). The Design Canvas then generates the AWS SAM & CloudFormation templates necessary to launch out of the AWS Management Console.

Stackery keeps teams in control of their website (and destiny?). Our platform helps you manage your infrastructure on AWS - we don’t host or run your infrastructure. We leave that to AWS. We just make it easier.

We make it easy to launch a JAMstack website quickly and securely. We like to call this JAMstackery. Learn more>>

How does Stackery differ from other JAMstack providers?

By coupling your JAMstack with the wide range of AWS managed services Stackery enables teams to build more sophisticated applications. Need to connect your app to Cognitio? Done with a drag and drop using our low-code Design Canvas. Design, not just write your IaC to deliver better, more sophisticated apps - faster.

By placing your website (your JAMstack) within your other serverless architecture you gain a more resilient, scalable, and sophisticated application.

We also work best with AWS.

AWS and JAMstackery

Stackery connects to your AWS account to manage services and billing. You will be able to develop and deploy your application in Stackery while easily leveraging the multitude of services provided by AWS.

Our platform helps you manage your infrastructure on AWS - we don’t host or run your infrastructure. We leave that up to AWS. We just make it easier.

We are proud to be an Advanced Tier Technology Partner in the Amazon Web Services (AWS) Partner Network (APN). We are also very honored to have two recognized Serverless Heroes. We continue to collaborate with the AWS team to meet the strict quality and accreditation standards to deliver applications that adhere to the Well-Architected Serverless Framework. AWS recognizes that we offer the best solution for AWS customers to develop, deliver and manage serverless applications. Simply put, we help teams navigate and get the most out of AWS.

JAMstackery Costs

Our pricing model is pretty simple. If you’re a single developer and only have a single project you can use Stackery for free on our Developer plan-this will get your stack launched and your website live. You’ll then see whatever costs are incurred from your website (CloudFront, S3 buckets, CodeBuild jobs) on your AWS bill. Because the JAMstack approach emphasizes pre-built content delivered to a CDN, upkeep costs are minimal! Learn more>>

Stackery helps you understand the real value and cost of your application. Unlike other providers that charge you concurrent build fees or hidden costs based on usage, Stackery has straightforward pricing based on deployed projects or seats. We leave incremental costs to AWS.

Ready to learn more? Check out our tutorial on building a JAMstack with Gatsby and GhostCMS.

Or

Build a POC in minutes with one of our templates!

Stackery JAMstack - Ghost and Gatsby.png