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
0
votes
0 answers

Cannot generate pre-rendered static pages within Storyblok folders in Nuxt3 (Static site generation)

I'm building a static site in Nuxt3 and using Storyblok CMS. The site will prerender stories (pages) that are in the root level of the CMS, but when it comes to prerendering stories within subfolders in storyblok CMS, I have to prerender them, so I…
danny471
  • 335
  • 7
  • 17
0
votes
2 answers

Redirects in Next.js app on Digital Ocean not working and must use .html suffix for all pages

Is there a way to deploy a Next.js static site on Digital Ocean and get it to work "normally"? I got an app deployed but every page has to be accessed via the .html suffix, and redirects specified in next.js.config don't seem to work. This breaks a…
Nightwolf
  • 4,495
  • 2
  • 21
  • 29
0
votes
0 answers

How close mobile menu after click on menu item

I've build website menu with Alpinejs and Tailwindcss, but when i clicked on the menu item when has shown mobile menu and after this i do backward to previous page i can still see opened menu. How can i reach when the menu item is clicked "touched"…
Ľubo
  • 13
  • 3
0
votes
1 answer

how to set dynamic enviroment variable for static nextjs app deployed on IIS

I'm trying to deploy the static nextjs app(next export) on local Windows IIS. The web app communicates RestFul API server deployed on the same network. The problem is the address of RestFul API server. It's from .env.* file. The env file has the…
Ray
  • 55
  • 1
  • 5
0
votes
2 answers

Can't display fetched posts in AstroJS

I am trying to build my website in AstroJS and I am not able to display the content I fetch inside the "Masonry" component, which is being rendered as an empty "div" in my browser. --- import BaseLayout from "../layouts/BaseLayout.astro"; import…
udiskie
  • 15
  • 6
0
votes
0 answers

How to Filter Gatsby Data By a Nested Sub-Field Ingested by gatsby-source-wordpress

The gatsby-source-wordpress Gatsby plugin offers an option to filter a type using a "where" clause. For example: type: { MyType: { where: `id: 12345` } } Supposing I wanted to filter the data on a nested sub-field, is there any way…
TonyTheJet
  • 517
  • 1
  • 6
  • 15
0
votes
1 answer

The Prismic fulltext predicate keeps giving me errors about unexpected fields when I Use it to try to query

I am trying to query with the Prismic predicate.fulltext using Vuejs this is the first time am using the predicate but the documentation about what the fulltext predicate needs seems to be confusing. Here is my code. async searchByQuery(query) { …
0
votes
1 answer

Nuxt Dynamic routes returns 404 after static generation

guys. I have a shop page with two params: page and sort. like below: example.com/shop/ example.com/shop/page/2/ example.com/shop/sort/newest/ example.com/shop/sort/oldest/page/2/ this is my route configs: router: { extendRoutes(routes,…
Niklas D
  • 13
  • 4
0
votes
0 answers

Vercel - choose Go version

I'm trying to use Go 1.17 for my serverless functions on Vercel. When I'm deploying, I get this message : Warning: Unknown Go version in /vercel/path1/go.mod So I would like to know if there is a maximum supported version of Go for serverless…
0
votes
0 answers

Is it possible for Nuxt to generate full HTML pages without "preload" and payload.js?

For some pages and specific reasons, i would like, if possible, to generate full static pages that doesn't relies on payload.js information. One of the reasons are that Payload.js seems like the be most convenient way ever built for web scrapers to…
Kos-Mos
  • 415
  • 1
  • 5
  • 15
0
votes
1 answer

My HTML code not picking up local javascript file

I was following a tutorial which uses a js file to make a static page dynamic and I typed everything verbatim but my page stays static when I open it with my browser. I have the HTML file and js file in the same directory. JS AND HTML FILE //some…
padawan
  • 3
  • 2
0
votes
1 answer

How to define which information in static pages will be hydrated on client with nuxt?

i am starting to learn more about the Jamstack, but i am still very confused in some aspects regarding dynamic contents in SSG Example: I have a blog like dev.to that is static, but i have users that can interact for example giving likes to a…
Kos-Mos
  • 415
  • 1
  • 5
  • 15
0
votes
2 answers

11ty Pagination Returns number in file structure - how do I prevent this from happening?

I'm trying to create a page per item of data from my CMS in 11ty. The data has pulled through nicely, and each page outputs nicely. However, when created a permalink I'm getting: public/page-title/1/index.html Where /1/ is the iteration of the…
0
votes
2 answers

Remove a child object in Fauna DB

I need to remove a child object in FQL. Let me demonstrate with the following example: { "1": { "name": "test" }, "2": { "name": "test2" } } And I want this JSON to look like this: { "1": { "name":…
0
votes
1 answer

How to replace a Hugo theme's default homepage and define a custom route?

I have been building a personal portfolio site and blog using the Hugo theme LoveIt. As the theme is heavily blog-centric, I want to replace the theme's homepage with my custom static HTML page and keep the theme's default homepage available at the…
Blackernel
  • 20
  • 5