Questions tagged [jamstack]

Modern web development architecture based on client-side JavaScript, reusable APIs, and prebuilt Markup. The JAMstack is not about specific technologies. It’s a new way of building websites and apps that delivers better performance, higher security, lower cost of scaling, and a better developer experience.

What questions should have this tag?

JAM (, and ) is just a simple terminology around the new way of making web projects, where you don’t have to host your own backend that builds the site every time you serve it.

Basic definitions

Your project is built with the JAMstack if it meets three key criteria:

  1. Javascript

    • Any dynamic programming during the request/response cycle is handled by JavaScript, running entirely on the client. This could be any frontend framework, library, or even vanilla JavaScript.
  2. APIs

    • All server-side processes or database actions are abstracted into reusable APIs, accessed over HTTPS with JavaScript. These can be custom-built or leverage third-party services.
  3. Markup

    • Templated markup should be prebuilt at deploy time, usually using a site generator for content sites, or a build tool for web apps.

Additional links

108 questions
1
vote
2 answers

Real time content update with Storyblok not working in production environment Next.js

I am working on a JAMstack website using Next.js (SSG) and Storyblok (Headless CMS) and using the Storyblok Content Delivery API to fetch the content from Storyblok. I have created the Storyblok service that has Storyblok configurations and Bridge…
1
vote
1 answer

Gatsby site breaks after installing plugins

I run into a problem when installing gatsby plugins. My Setup: npm install -g gatsby-cli gatsby new my-app gatsby develop When I try to install a plugin from the Gatsby library im getting this error message after installing the plugin: Error:…
paddydev
  • 13
  • 2
1
vote
0 answers

Jamstack/Nuxt.js: Can I have Vue components inside a json?

I know I can use frontmatter-markdown-loader to allow Vue components inside a markdown file. However, is there any similar solution for a scenario where my articles are stored in a JSON? For example, the following works with…
Jonathan
  • 154
  • 2
  • 14
1
vote
1 answer

Algolia: how to only retrieve first occurrence of the search query in the text field?

I'm using Algolia for adding search to my JAMStack website. however, my site has some sort of premium content and I want them to be searchable while remaining hidden to the users. I can achieve similar functionality by adding the body attribute to…
Eddie Cooro
  • 1,676
  • 14
  • 18
1
vote
1 answer

How to fetch changed data in pre-rendered static generated page in nextjs

If I use nextjs pre render static generation page then what about the future changed data ? Suppose I use a ecommerce product details page or assume I use this static generation for a blog posts. If tomorrow the product price will be changed or the…
Shamim
  • 635
  • 2
  • 12
  • 28
1
vote
2 answers

Why are the serverless functions needed for JAMStack apps if I can access data securely from client?

JAMStack People are using Netlify/Zeit (or AWS Lambda) functions to access their database. But there are cloud databases like Firestore which you can access securely and directly from your web/mobile apps as described here. Then why do not people…
sven anderson
  • 45
  • 1
  • 4
1
vote
0 answers

Mimicking react-router-dom Nested Routes in Next.js

I am trying to mimic this example from react-router. I dug through some issues on GH and it doesn't seem possible. At the same time, though, isn't this something that is basic/common among web apps? Am I missing something obvious? My current…
adam-beck
  • 5,659
  • 5
  • 20
  • 34
1
vote
0 answers

Why is nuxt generate so slow?

I am currently trying to develop a frontend application with nuxt. My idea is to generate a static website in which I will inject my database's data (hasura / postgresql). My application code can be found here:…
Laurent Michel
  • 1,069
  • 3
  • 14
  • 29
1
vote
1 answer

How to combine 2 Gatsby sites in one domain?

I want to combine 2 Gatsby sites in one domain, for example, Gatsby1 (landing page) in mydomain.com, and Gatsby2 (blog) in mydomain.com/blog, how can I do that?
Mostafa
  • 1,501
  • 3
  • 21
  • 37
1
vote
0 answers

Can/Should I make my web app partially static and serve it from a CDN?

I have developed an event web app with three parts: a CMS, an API and a user search/view section. All written in Flask using Postgres. The CMS and API definitely need to be dynamic, but the user-facing section is basically 95% static and seems like…
William Kelley
  • 137
  • 1
  • 2
1
vote
1 answer

How do I change the default url "/posts/" routing in a Hugo site?

I have created a new Hugo project. By default the urls route to mysite.com/posts/my-first-post. However I'm deploying to an existing domain where the url path for the posts is mysite.com/blog/my-first-post. How can I configure Hugo to go to /blog…
Connor Leech
  • 18,052
  • 30
  • 105
  • 150
1
vote
1 answer

Images breaking between localhost and Netlify using NetlifyCMS

OK, I'm pretty new to JAMstack, React, GatsbyJS, NetlifyCMS and Netlify, so do forgive me if this is simple. I have a site running using React and GatsbyJS, and have NetlifyCMS running too to control the content. For the most part the site is…
Dan Farrow
  • 43
  • 5
1
vote
1 answer

How do I proxy API requests in a JAMstack solution?

I'm developing a site that's virtually entirely static. I use a generator to create all the HTML. However, my site is a front-end to a store embedded in its pages. I have a little node.js server proxying requests on behalf of the browser to the…
Joe Lapp
  • 2,435
  • 3
  • 30
  • 42
1
vote
1 answer

What Makes the JAMStack Secure?

Every description of the JAMstack seems to mention "security" as benefit, e.g.: The static nature of a JAMstack app makes scaling easy, and causes little to no dev-ops overhead. The JAMstack approach can also improve your app's security posture…
VSO
  • 11,546
  • 25
  • 99
  • 187
0
votes
1 answer

Azure Static Web App with Gatsby not calling 3rd party external API (405 Status)

To illustrate the problem, please see the differences in request headers between app running on localhost and on Azure Static Web App service. On Localhost: On Azure Static Web Apps Service: Other Info The environment variables, locally, are held…