JAMstack

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

Web Development
Suggest a Link

  1. content

    Build a Portfolio Site with Jamstack

    How To Build A Design Portfolio With TakeShape

    Visit

  2. reference

    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.

    Visit

  3. tools

    Takeshape

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

    Visit

  4. content

    The Ultimate List of Services

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

    Visit

  5. content

    The New Dynamic

    Build Faster Better Websites with modern JAMstack tools and techniques

    Visit

  6. resources

    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.

    Visit

  7. content

    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.

    Visit

  8. tools

    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.

    Visit

  9. tools

    Snipcart

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

    Visit

  10. tools

    Contentful

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

    Visit

  11. tools

    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!

    Visit

  12. tools

    Prose.io

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

    Visit

  13. tools

    Let's Encrypt

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

    Visit

  14. tools

    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.

    Visit

  15. tools

    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.

    Visit

  16. tools

    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!

    Visit

  17. reference

    Markdown Cheatsheet

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

    Visit

  18. resources

    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!

    Visit

  19. content

    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!

    Visit

  20. resources

    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.

    Visit

  21. content

    Using a Static Site Gen at Scale

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

    Visit

  22. content

    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.

    Visit

  23. content

    The New Front-end Stack

    Check out this video from Smashing Magazine on JAMstack websites!

    Visit

  24. content

    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.

    Visit

  25. content

    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.

    Visit

  26. reference

    Jamstack

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

    Visit

  27. reference

    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.

    Visit