# Jamstack

Jamstack is an architectural approach that decouples the web experience layer from data and business logic, enabling a composable web architecture that consumes custom logic and third-party services through APIs.

This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles.

## Going Full Static

DevFeed: [Going Full Static](<https://devfeed.tech/articles/going-full-static-3389.md>)

Original publisher: [Read original article](<https://nuxt.com/blog/going-full-static>)

Published: 2020-06-18T00:00:00Z

Content type: release

Language: en

Sources: [The Nuxt Blog](<https://devfeed.tech/sources/the-nuxt-blog.md>)

Topics: [Nuxt.js](<https://devfeed.tech/topics/nuxt.md>), [Jamstack](<https://devfeed.tech/topics/jamstack.md>), [Server-side rendering](<https://devfeed.tech/topics/server-side-rendering.md>), [Crawler](<https://devfeed.tech/topics/crawler.md>), [HTML](<https://devfeed.tech/topics/html.md>), [Single-page application (SPA)](<https://devfeed.tech/topics/spa.md>), [Web Development](<https://devfeed.tech/topics/web-development.md>)

Tags: [hosting](<https://devfeed.tech/tags/hosting.md>), [html](<https://devfeed.tech/tags/html.md>), [jamstack](<https://devfeed.tech/tags/jamstack.md>), [navigation](<https://devfeed.tech/tags/navigation.md>), [nuxt](<https://devfeed.tech/tags/nuxt.md>), [performance](<https://devfeed.tech/tags/performance.md>), [release](<https://devfeed.tech/tags/release.md>), [server-side-rendering](<https://devfeed.tech/tags/server-side-rendering.md>), [ssr](<https://devfeed.tech/tags/ssr.md>)

### AI overview

Nuxt 2.13 introduces full static export for JAMstack applications. The static target pre-renders pages to HTML, extracts payloads for client-side navigation without API calls, improves smart prefetching, includes a crawler, supports SPA fallback behavior, and improves the development experience and deployment speed.

### Source excerpt

Long awaited features for JAMstack fans has been shipped in v2.13: full static export, improved smart prefetching, integrated crawler, faster re-deploy, built-in web server and new target option for config ⚡

## Choosing a Website Platform: WordPress, Wix, or JAMStack

DevFeed: [Choosing a Website Platform: WordPress, Wix, or JAMStack](<https://devfeed.tech/articles/wix-wordpress-jamstack-oh-my-35059.md>)

Original publisher: [Read original article](<https://markushatvan.com/blog/wix-wordpress-jamstack-oh-my/>)

Published: 2020-06-14T00:00:00Z

Content type: opinion

Language: en

Sources: [Markus Hatvan](<https://devfeed.tech/sources/markus-hatvan.md>)

Topics: [Website](<https://devfeed.tech/topics/website.md>), [WordPress](<https://devfeed.tech/topics/wordpress.md>), [Jamstack](<https://devfeed.tech/topics/jamstack.md>), [Web Development](<https://devfeed.tech/topics/web-development.md>), [gatsby](<https://devfeed.tech/topics/gatsby.md>), [Next.js](<https://devfeed.tech/topics/next-js.md>)

Tags: [gatsby](<https://devfeed.tech/tags/gatsby.md>), [git](<https://devfeed.tech/tags/git.md>), [jamstack](<https://devfeed.tech/tags/jamstack.md>), [next-js](<https://devfeed.tech/tags/next-js.md>), [open-source](<https://devfeed.tech/tags/open-source.md>), [performance](<https://devfeed.tech/tags/performance.md>), [security](<https://devfeed.tech/tags/security.md>), [website](<https://devfeed.tech/tags/website.md>), [wordpress](<https://devfeed.tech/tags/wordpress.md>)

### AI overview

The article compares WordPress, WYSIWYG tools such as Wix, and JAMStack solutions such as Gatsby and Next.js for building a website. It presents the author's subjective reasons for preferring more control over code and performance, while acknowledging WordPress's speed of setup, plugin ecosystem, and ease of use.

### Source excerpt

How to choose where to set up your website when you have so many options and so little time.

## Why I Chose SapperJS For My Website, And What I've Learned About The Framework So Far

DevFeed: [Why I Chose SapperJS For My Website, And What I've Learned About The Framework So Far](<https://devfeed.tech/articles/why-i-chose-sapperjs-for-my-website-and-what-i-ve-learned-about-the-framework-so-far-35057.md>)

Original publisher: [Read original article](<https://markushatvan.com/blog/why-i-chose-sapperjs-for-my-website-and-what-ive-learned-about-the-framework-so-far/>)

Published: 2020-06-13T00:00:00Z

Content type: opinion

Language: en

Sources: [Markus Hatvan](<https://devfeed.tech/sources/markus-hatvan.md>)

Topics: [Framework](<https://devfeed.tech/topics/framework.md>), [Jamstack](<https://devfeed.tech/topics/jamstack.md>), [JavaScript](<https://devfeed.tech/topics/javascript.md>), [Website](<https://devfeed.tech/topics/website.md>)

Tags: [developer-experience](<https://devfeed.tech/tags/developer-experience.md>), [framework](<https://devfeed.tech/tags/framework.md>), [jamstack](<https://devfeed.tech/tags/jamstack.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [website](<https://devfeed.tech/tags/website.md>)

### AI overview

A developer explains why they chose SapperJS for a website built with a modern JAMStack setup. They compare alternatives including Next.js, Gatsby, Hugo, and Nuxt.js, considering performance, SEO, developer experience, innovation, and the opportunity to explore different JavaScript frameworks.

### Source excerpt

Since I wanted to go for a website built on a modern JAMStack setup, I had these options based on framework popularity and matureness.

## Using VueJS + GraphQL to make Practical Magic

DevFeed: [Using VueJS + GraphQL to make Practical Magic](<https://devfeed.tech/articles/using-vuejs-graphql-to-make-practical-magic-31320.md>)

Original publisher: [Read original article](<https://nystudio107.com/blog/using-vuejs-graphql-to-make-practical-magic>)

Author: andrew@nystudio107.com (Andrew Welch)

Published: 2018-08-27T22:29:00Z

Content type: tutorial

Language: en

Sources: [nystudio107 | Articles on modern web development.](<https://devfeed.tech/sources/nystudio107-articles-on-modern-web-development.md>)

Topics: [GraphQL](<https://devfeed.tech/topics/graphql.md>), [vuejs](<https://devfeed.tech/topics/vuejs.md>), [Content Management System](<https://devfeed.tech/topics/cms.md>), [Front end](<https://devfeed.tech/topics/frontend.md>), [JavaScript](<https://devfeed.tech/topics/javascript.md>), [axios](<https://devfeed.tech/topics/axios.md>), [Bootstrap](<https://devfeed.tech/topics/bootstrap.md>), [Jamstack](<https://devfeed.tech/topics/jamstack.md>)

Tags: [auto-complete](<https://devfeed.tech/tags/auto-complete.md>), [axios](<https://devfeed.tech/tags/axios.md>), [bootstrap](<https://devfeed.tech/tags/bootstrap.md>), [craft](<https://devfeed.tech/tags/craft.md>), [everyday](<https://devfeed.tech/tags/everyday.md>), [form](<https://devfeed.tech/tags/form.md>), [graphql](<https://devfeed.tech/tags/graphql.md>), [headless](<https://devfeed.tech/tags/headless.md>), [insights](<https://devfeed.tech/tags/insights.md>), [jamstack](<https://devfeed.tech/tags/jamstack.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [like](<https://devfeed.tech/tags/like.md>), [magic](<https://devfeed.tech/tags/magic.md>), [practical](<https://devfeed.tech/tags/practical.md>), [problems](<https://devfeed.tech/tags/problems.md>), [saving](<https://devfeed.tech/tags/saving.md>), [searching](<https://devfeed.tech/tags/searching.md>), [solve](<https://devfeed.tech/tags/solve.md>), [submission](<https://devfeed.tech/tags/submission.md>), [using](<https://devfeed.tech/tags/using.md>), [vuejs](<https://devfeed.tech/tags/vuejs.md>)

### AI overview

A practical tutorial showing how to use VueJS and GraphQL with a headless Craft CMS backend to implement auto-complete search and save contact-form submissions. It introduces the frontend and backend tooling used in the examples, including Axios, Bootstrap 4, Craft CMS, and CraftQL.

### Source excerpt

Make some practical magic with VueJS + GraphQL to solve everyday problems like auto-complete searching and form submission saving with a headless Craft CMS server

## Managing content for a JAMstack site with Netlify CMS

DevFeed: [Managing content for a JAMstack site with Netlify CMS](<https://devfeed.tech/articles/managing-content-for-a-jamstack-site-with-netlify-cms-20781.md>)

Original publisher: [Read original article](<https://conductofcode.io/post/managing-content-for-a-jamstack-site-with-netlify-cms/>)

Author: {"twitter"=\>"hlaueriksson"}

Published: 2017-06-30T12:00:00Z

Content type: tutorial

Language: en

Sources: [Henrik Lau Eriksson](<https://devfeed.tech/sources/henrik-lau-eriksson.md>)

Topics: [Jamstack](<https://devfeed.tech/topics/jamstack.md>), [Content Management System](<https://devfeed.tech/topics/cms.md>), [Netlify](<https://devfeed.tech/topics/netlify.md>), [Hugo](<https://devfeed.tech/topics/hugo.md>), [azure functions](<https://devfeed.tech/topics/azure-functions.md>), [OAuth](<https://devfeed.tech/topics/oauth.md>), [GitHub](<https://devfeed.tech/topics/github.md>), [jQuery](<https://devfeed.tech/topics/jquery.md>)

Tags: [azure-functions](<https://devfeed.tech/tags/azure-functions.md>), [cms](<https://devfeed.tech/tags/cms.md>), [configuration](<https://devfeed.tech/tags/configuration.md>), [github](<https://devfeed.tech/tags/github.md>), [how-to](<https://devfeed.tech/tags/how-to.md>), [hugo](<https://devfeed.tech/tags/hugo.md>), [jamstack](<https://devfeed.tech/tags/jamstack.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [modern-web-development](<https://devfeed.tech/tags/modern-web-development.md>), [netlify](<https://devfeed.tech/tags/netlify.md>), [oauth](<https://devfeed.tech/tags/oauth.md>), [source](<https://devfeed.tech/tags/source.md>)

### AI overview

A tutorial on using Netlify CMS as a headless, Git-based content management system for a JAMstack site built with Hugo, jQuery, and Azure Functions. It explains the architecture, setup steps, GitHub OAuth configuration, and required site code changes.

### Source excerpt

Content for the modern web development architecture:

## Building a JAMstack site with Hugo and Azure Functions

DevFeed: [Building a JAMstack site with Hugo and Azure Functions](<https://devfeed.tech/articles/building-a-jamstack-site-with-hugo-and-azure-functions-20776.md>)

Original publisher: [Read original article](<https://conductofcode.io/post/building-a-jamstack-site-with-hugo-and-azure-functions/>)

Author: {"twitter"=\>"hlaueriksson"}

Published: 2017-05-31T20:00:00Z

Content type: tutorial

Language: en

Sources: [Henrik Lau Eriksson](<https://devfeed.tech/sources/henrik-lau-eriksson.md>)

Topics: [Jamstack](<https://devfeed.tech/topics/jamstack.md>), [Hugo](<https://devfeed.tech/topics/hugo.md>), [azure functions](<https://devfeed.tech/topics/azure-functions.md>), [JavaScript](<https://devfeed.tech/topics/javascript.md>), [jQuery](<https://devfeed.tech/topics/jquery.md>), [API](<https://devfeed.tech/topics/api.md>), [Serverless](<https://devfeed.tech/topics/serverless.md>), [modern web development](<https://devfeed.tech/topics/modern-web-development.md>)

Tags: [api](<https://devfeed.tech/tags/api.md>), [azure](<https://devfeed.tech/tags/azure.md>), [azure-functions](<https://devfeed.tech/tags/azure-functions.md>), [build-times](<https://devfeed.tech/tags/build-times.md>), [hugo](<https://devfeed.tech/tags/hugo.md>), [jamstack](<https://devfeed.tech/tags/jamstack.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [performance](<https://devfeed.tech/tags/performance.md>), [serverless](<https://devfeed.tech/tags/serverless.md>), [web-development](<https://devfeed.tech/tags/web-development.md>)

### AI overview

A tutorial on building a JAMstack site with Hugo, jQuery, and Azure Functions. It explains how Hugo generates markup, jQuery provides client-side JavaScript, and Azure Functions implement APIs, using a jam-recipe site as the example.

### Source excerpt

Modern web development architecture: