Stack Overflow
Stack Overflow

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
2
votes
1 answer

Using Python SimpleHTTPServer to serve files without .html

I want to use SimpleHTTPServer to serve my local site while I'm developing. I'm using basic javascript, HTML, and CSS. I have this kind of project structure: app (folder with src files) dist (build folder where everything is located for a…
NoobyAFK
  • 307
  • 4
  • 14
2
votes
1 answer

Gatsby + Netlify CMS: Any ways to enable featured images for each entry in src/pages/index.js?

is there any solution for enabling featured images in TOP/HOME page from the template https://github.com/netlify-templates/gatsby-starter-netlify-cms ? I meant to say I want the TOP/HOME page (src/pages.index.js) to display those images as…
Arisa
  • 53
  • 1
  • 5
1
vote
0 answers

11ty images not generating on Netlify, working ok locally

I have a small 11ty site running on Netlify and using Decap CMS (formerly Netlify CMS). There's an image field for uploading JPGs, and I've used 11ty Image to generate a Webp and an AVIF, then create a picture element. The relevant parts of…
Derek Johnson
  • 21
  • 3
1
vote
0 answers

Rendering dynamic routes in AnalogJS without using a prefix or a folder?

In this question we were able to render dynamic routes with 2 or more parameters, but they have to be either prefixed or contained in a folder. I'd like to be able to render a route like this, where :category would be the first segment of the path,…
Ole
  • 41,793
  • 59
  • 191
  • 359
1
vote
1 answer

Conditionally render more than one section in Hugo

I want to render all the markdown files inside every folder except the static one in my home page of the website, one way of doing that is by using union in hugo, but as number of folders increase, I see myself repeating unions all over the place…
Aditya Mayukh Som
  • 51
  • 5
1
vote
0 answers

Headless WordPress BUT using Gutenberg blocks and ACF blocks, is it possible?

I am looking to branch out into the world of headless WordPress(WP). I have a project lined up and was hoping to use a JS front end on top of WP. I've found lots of articles around headless WP setup, however none of them seem to support Gutenberg…
H_G
  • 11
  • 4
1
vote
1 answer

Deploying repos with submodules using cloudflare pages

I'm deploying a project using cloudflare pages, and can see in the logs the initial git clone is working, however when the submodules are being pulled down the following error is thrown fatal: could not read Username for 'https://github.com, the…
mthomp
  • 219
  • 1
  • 8
1
vote
0 answers

next.js Can we set 'public' folder path from next.config.js file?

I have a Next.js SSG application that generates two static sites by providing different env variables during export. Can I have two different public folders for these two sites? Can I set public folder inside next.config file?
booleanMonk
  • 43
  • 1
  • 4
1
vote
2 answers

How to define "node type" in Gatsby?

In Gatsby tutorial part 6, you can find multiple mentions of "node type" : According to the API, you need to decide on two things before creating a collection route: Which type of node to create pages from. Which field from that node type to use…
imrok
  • 787
  • 1
  • 9
  • 23
1
vote
1 answer

Get current month in Eleventy using Nunjucks?

Just trying to get the current month in Eleventy with a shortcode but having a bit of trouble. Here's where I'm at: config.addShortcode("month", () => { let d = new Date(); let month = new Array(); month[0] = "January"; month[1] =…
kuwts
  • 41
  • 2
1
vote
2 answers

Do I have to build my static Gatsby blog each time I add a new markdown blog post ? Or will it dynamically show post from markdown file/dir?

I am new to JAMStack and Static Site Generators, lately trying to setup a new blog using Gatsby and github pages. One information I am unable to find(maybe because it's a silly one) in the ocean of all the great Gatsby tutorial is that to add a new…
piedpipr
  • 155
  • 2
  • 7
1
vote
1 answer

Front Matter Data in Layouts is not working Eleventy

I'm having troubles using front matter in my layouts. It simply displays out the front matter to the page without creating the data needed for my layout. Here goes the code: /src/_includes/layouts/base.html --- rightLinks : [ { …
Lucas David Ferrero
  • 1,630
  • 14
  • 40
1
vote
0 answers

Next.js: How can I create subdirectories for a static site?

I'm using React/NextJS to create an application which will eventually be served as a static site. I have predefined urls I need to create in subdirectories. For example, /technology/ should go to /technology/index.html How do I create this in the…
shackleton
  • 701
  • 1
  • 12
  • 27
1
vote
1 answer

Gatsby File System Route API: unique page for every array item

In Gatsby I have nodes with values that contain arrays (from Airtable): "edges": [ { "node": { "data": { "Name": "Simon", "Projects": [ "Mainsite", "Backend" ], …
Lone Wallaby
  • 159
  • 1
  • 1
  • 9
1
vote
1 answer

Making NextJS map dynamic route with param to page

I am writing a NextJS app and using the Static HTML Export as I want my app to be Jamstack app. I am trying to set up my routes with dynamic routes that they are based on a username param that is part of the route:…
Mike Ng
  • 11
  • 3
1 2
3
4 5 6 7 8