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
25
votes
2 answers

What's the real difference between target: 'static' and target: 'server' in Nuxt 2.14 universal mode?

in the latest version of Nuxt (2.14) they introduced an optimization for building the app when no code is changed (for drastically improve build times). I make websites in jamstack, deploy on netlify with nuxt generate and, until now, with target:…
sintj
  • 804
  • 2
  • 11
  • 23
20
votes
2 answers

What are the differences between JAMstack application and SPA

This might be a silly question, but I'm just starting now in Web dev, and I am especially new in JAMStack. I've been reading a bit, and from what I get, in JAMStack basically, we give everything to the frontend app so the Javascript can be like our…
Alex Ramalho
  • 406
  • 4
  • 12
20
votes
2 answers

How to include jQuery in a Gatsby.js project?

I've been experimenting with gatsby.js for a while and everything is going well except for this issue, i cannot include jQuery scripts unto the app so that it loads after the gatsby app has been rendered, i've the included script tags unto the…
Jonathan Kumar
  • 553
  • 1
  • 6
  • 20
9
votes
1 answer

Securing API Keys In JAM Stack

I am new to JAM stack. The web applications in JAM stack (I am hosting my app in Netlify ) will be completely relied upon APIs for storing info and authentication, right? So my concern is that I would have to expose all of my API keys publically in…
Anandhu
  • 807
  • 1
  • 9
  • 22
8
votes
1 answer

SvelteKit fails to Run Dev | [plugin externalize-deps] Missing "./vite" export in "@sveltejs/kit" package

Following the Sveltekit docs here: https://kit.svelte.dev/docs/creating-a-project Everything is fine up until the npm run dev command, then this results: $ npm run dev > hoa@0.0.1 dev > vite dev X [ERROR] [plugin externalize-deps] Missing "./vite"…
theUnseen
  • 81
  • 2
6
votes
3 answers

What does Markup actually mean in JAMstack?

I have been studying about JAMstack. As far as I understand JAMstack means: J - JavaScript A - API M - Markup I have two questions: I'm actually not clear about the Markup here. Is it pre-rendered markup (i.e, pre-rendered HTML)? Our office…
Shamim
  • 635
  • 2
  • 12
  • 28
5
votes
1 answer

How to bundle npm packages for vanilla JavaScript frontend development and production builds on CDN servers?

I have a vanilla HTML/CSS/JavaScript site (repository) which uses ES6 modules. It can be successfully deployed to GitHub pages and Netlify. In my HTML, I import main.js like this: In my main.js…
Edward Tanguay
  • 189,012
  • 314
  • 712
  • 1,047
5
votes
2 answers

How to setup YugabyteDB as eventually consistent distributed key-value database?

I'm launching a startup company providing Web SaaS (https://tuilder.com/). Big plans and potential. I'm interested in global replication with YugaByte. At the moment I have built an abstraction over BadgerDB, a Key-Value database written in GoLang.…
Emmanuel
  • 4,933
  • 5
  • 46
  • 71
4
votes
1 answer

How to produce SSG from a vue project without nuxt

I created a vue project using the vue cli: vue create myproject I figured that the output when I do npm run build will be a single page application (SPA). What do I need to produce a static website (SSG / Jamstack) with my existing code? I know I…
allister
  • 71
  • 6
4
votes
1 answer

How to import javascript modules and bundle into a single js file with rollup?

I have javascript functions I want to run both server-side and client side. The server side uses node.js and can handle imports just fine. However, the client side i want a single script tag with inlined javascript. To achieve that goal I understood…
Nathaniel
  • 394
  • 1
  • 6
  • 14
4
votes
2 answers

Only load Snipcart on specific page in Gatsby

I'm using Snipcart Plugin in Gatsby but the script gets loaded everywhere. Is is it possible with some sort of function to trigger the script on only 1 specific page and not entirely? Below are the options I'm using in my Gatsby-config.js file { …
brandshore
  • 51
  • 3
4
votes
2 answers

Gatsby: what's the difference between basepath and path prefix?

I don't understand the difference between basepath and path prefix in Gatsby, and when to use each feature Basepath: https://www.gatsbyjs.org/tutorial/part-seven/ Path prefix: https://www.gatsbyjs.org/docs/path-prefix/
Mostafa
  • 1,501
  • 3
  • 21
  • 37
3
votes
1 answer

Issues with Gatsby Shadowing

I am using the @lekoarts gatsby-theme-minimal-blog. You can view my code here: https://github.com/CodyWMitchell/my-site I feel like I am losing hair because of how much time I have spent trying to get this working. I am running Gatsby locally, and…
3
votes
0 answers

How to deal with error "Deploy failed due to an error in @netlify/plugin-deploy-core plugin."?

I have trouble with deploying the Next.js project to Netlify. It was working well yesterday but now I am getting errors while deployment. Here I attached error log screenshot and full log. 11:40:08 AM: Build ready to start 11:40:10 AM: build-image…
Josh Thomas
  • 1,607
  • 2
  • 8
  • 22
3
votes
1 answer

Elastic Search: One index with custom type to differentiate document schemas VS multiple index, one per document type?

I am not experienced in ES (my background is more of relational databases) and I am trying to achieve the goal of having a search bar in my web application to search the entire content of it (or the content I will be willing to index in ES). The…
1
2 3 4 5 6 7 8