Your Privacy

This site uses cookies to enhance your browsing experience and deliver personalized content. By continuing to use this site, you consent to our use of cookies.
COOKIE POLICY

Come on and Jam with JAMstack!

Come on and Jam with JAMstack!
Back to insights

Many of you might have clicked on this link wondering if you were going to find a link on how to build the largest peanut butter and jelly sandwich possible.  I can’t say that this blog post will help with that but keep the dream alive!

JAMstack is a super cool web-based software architecture that uses only client-side technology.  The foundation of JAMstack is JavaScript, APIs and Markup/Markdown.  While this technology architecture seems small and simple it is unbelievably powerful, and we will discuss when and why someone should consider using a JAMstack.

Dynamic Content

I know what you are thinking.  How?  How could a website with only client-side technology be dynamic?  JAMstack can be dynamic, but it requires external APIs/microservices to accomplish this.  You can build a custom external microservice or use existing services.

Commonly JAMstack developers opt to use Content Management Systems (CMS) to create dynamic content.  Content Management Systems with RESTful API endpoints are a good fit for JAMstack.  Some CMSs that are used by JAMstack developers are familiar like WordPress or SharePoint.

In addition to the familiarity, there is a new breed of CMSs called Headless Content Management Systems.  A headless CMS has the admin interface of a CMS without a web interface for users to consume the content.  They are designed specifically for applications that use JAMstack-like architectures.  Contentful is a great example of a headless CMS.

Performance

JAMstack is a type of static website.  Because of this fact they can be hosted by almost any server or Content Delivery Network (CDN).  Serving up content this way creates a really great user experience because our user is not waiting for some server-side code to completely finish building a page on the server before getting a response in the browser.  Faster responding web pages keep users on your website.

Cheap

JAMstack doesn’t require an expensive server hosting plan.  You won’t need to learn about how to stand up a web server in Amazon Web Services or Azure to get a site running.  In fact, you can deploy a JAMstack site completely free using Github Pages as long as you don’t mind your content being hosted in a public Git repository.  Github Pages is a CDN that delivers 99.9% uptime for free and I think it is one of the best-kept secrets on the internet.

Security

Security is super important to everyone on the internet today.  Everyday there are new vulnerabilities being discovered in server-side architectures.  Fortunately for the JAMstack community, they don’t have to worry about this.  Being that JAMstack is composed of static content there is very little that can be done to attack the website.

There is a small footnote that if you use an insecure or unstable microservice in your JAMstack site the content coming from that resource might be vulnerable.  While it is not a security vulnerability with JAMstack it can affect the user experience, so it is something that you will want to keep in mind when including external API/microservice resources.

Getting Started

One of the easiest ways to get started with JAMstack is to start with a static site generator.  Jekyll is the most popular static site generator built on top of Ruby, but my favorite is Gatsby which is built on top of JavaScript, React and GraphQL.  Static site generators build entire websites before the website is deployed.  They usually use Markdown to write pages and they already fall within the JAMstack architecture.

Wrapping it up

JAMstack is a powerful development stack to have in your toolbox as a web developer.  Being able to build a cheap, secure, performance-driven web applications is going to sound great to anyone when you pitch the JAMstack architecture.

 

Digging In

  • Digital Products

    The Growing Importance of Digital Accessibility

    Embracing Digital Accessibility: A Moral and Business Imperative In today’s digital landscape, accessibility has become crucial for businesses and organizations. With increasing awareness and legal requirements, ensuring that digital products are accessible to all users, including those with disabilities, is not just a compliance issue but a moral imperative. At UDig, we champion ADA compliance […]

  • Digital Products

    Unlocking Business Potential: The Power of Custom Application Development

    Like any savvy business leader, you’re likely always on the lookout for tools to give your company a competitive edge. And in doing so, you’ve undoubtedly considered investing in custom application development. But the question is, how do you ensure that such a major investment in a custom web application development provides a strong return on […]

  • Digital Products

    Mastering Legacy Application Modernization: Strategies for Success

    The ironic truth of the business world is that change is the only constant. But this means that failing to keep pace with the competition and its technologies will only end with you falling behind. That’s where legacy application modernization enters the fold. When you modernize legacy applications, your team gains access to new features […]

  • Digital Products

    CTO Confessions Podcast

    In this episode of CTO Confessions, Rob Phillips, the Vice President of Software Engineering at UDig, digs into his journey from a passionate technologist in his youth to a seasoned leader in the tech industry. He shares valuable lessons on transitioning to senior leadership, the importance of understanding and articulating company problems, and the art of empowering teams for high performance.

  • Digital Products

    Navigating the Challenges of On Premise to Cloud Migration

    In today’s rapidly evolving technological landscape, the shift from on premise solutions to cloud-based infrastructure has become a pivotal transformation for organizations seeking to modernize their IT operations. This transition holds the promise of increased agility, cost savings, and enhanced scalability. However, it is not without its set of formidable challenges that organizations must navigate. […]

  • Digital Products

    The Power of Transferrable Skills in Tech Projects

    Every project has its own unique elements that require flexibility to be effective and achieve success. This often requires picking up new pieces of a tech stack, learning a new programming language, or a new project methodology. Fortunately, there are also many transferrable skills that carry over from one project to the next. In my […]