JAMstack

JAMstack is a new way of building and publishing websites using Javascript, APIs and Markup.

  1. Build a Portfolio Site with Jamstack

    How To Build A Design Portfolio With TakeShape

    content

    Visit
  2. Two Days at Jamstack Conf '18

    We spent 2 days at JAMstack Conf 2018 in San Francisco. Here's my (Mark Catalano) debrief of the event.

    reference

    Visit
  3. Takeshape

    A stress-free Headless CMS, GraphQL API, and Static Site Generator to help you get your projects done.

    tools

    Visit
  4. The Ultimate List of Services

    A curated list of services you can use for your JAMstack such as Email, Search, Chat, etc.

    content

    Visit
  5. The New Dynamic

    Build Faster Better Websites with modern JAMstack tools and techniques

    content

    Visit
  6. JAMstack_conf

    If you're in San Fran from October 29-30th, be sure to check out this conference to learn more about future of deploying fast websites.

    resources

    Visit
  7. Isomorphic Rendering on the JAMstack

    If you want to load up new pages without refresh and make your site look like a single page app, here's an article about that.

    content

    Visit
  8. Foxy

    Here's a second option for adding e-commerce to your JAMstack site. The data is hosted on their server. You'll use their API to grab the data.

    tools

    Visit
  9. Snipcart

    Here's an e-commerce solution that works well for JAMstack sites. Easy to setup for simple stores.

    tools

    Visit
  10. Contentful

    One of the major players for the Headless CMS game. Build up simple content structure to something insane with Contentful.

    tools

    Visit
  11. Netlify CMS

    We also use Netlify CMS for managing our content. The downside is that there isn't an API, so we might move to Contentful. Good for simple beginnings!

    tools

    Visit
  12. Prose.io

    If you want a quick way to edit your markdown hosted on Github, you can use this tool to edit with ease.

    tools

    Visit
  13. Let's Encrypt

    Along with launching your site, you'll need HTTPS for your domain. Here's a free solution for getting that setup.

    tools

    Visit
  14. FormKeep

    If you're also looking to add a form, you'll also need a third party API for that. Formkeep can hook you up with form hosting.

    tools

    Visit
  15. Disqus

    Here's your solution for adding comments to your JAMstack site. Since static sites don't refresh with new data without a Git Push, here's the temporary solution.

    tools

    Visit
  16. Netlify

    Versa's current JAMstack hosting solution. We push our code to Github. Then Netlify builds that Middleman code out into a static website and pushes it live on their server for free!

    tools

    Visit
  17. Markdown Cheatsheet

    You'll probably need this Markdown cheatsheet if you just started learning Markdown like yesterday.

    reference

    Visit
  18. Headless CMS

    Now you need a place to organize your content but you can't use Wordpress. Here's where headless CMS come into play!

    resources

    Visit
  19. What is a Headless CMS

    Here's an in-depth look into how Headless CMS' work. Make sure you read this before installing that CMS!

    content

    Visit
  20. StaticGen

    If you're looking for some options when it comes to developing a static JAMstack site, look no further. Here's a list of Static Site Generators.

    resources

    Visit
  21. Using a Static Site Gen at Scale

    Smashing Magazine offers their lessons from building their site using a JAMstack static site generator.

    content

    Visit
  22. JAMstack with Gatsby & Netlify

    Here's a process tutorial by Pedro Duarte on how he built his site with Gatsby and Netlify's hosting and CMS solution.

    content

    Visit
  23. The New Front-end Stack

    Check out this video from Smashing Magazine on JAMstack websites!

    content

    Visit
  24. Why Static Site Gens are the Next Big Thing

    Smashing Magazine knew what was up in 2015! Here's their take on Static Site Generators and JAMstack.

    content

    Visit
  25. Go Static: 5 Reasons...

    Looking to get your client or boss to let you build your next site using a JAMstack system? Send them this article with some valid points.

    content

    Visit
  26. Jamstack

    Here's the main website promoting Jamstack. Here you can learn about what you can do and some sample Jamstack sites.

    reference

    Visit
  27. Solution Stack

    To start this off, take a gander at Solution Stacks. Its a set of software components needed to build applications. When you hear "what's your stack?", this is it.

    reference

    Visit