Questions tagged [static-site-generation]

Static Site Generators (SSG) are frameworks that build websites from static content. For example, one can build an online blog from a list of text files.

178 questions
1
vote
1 answer

Next.JS SSG unable to bookmark slug paths

I have a next js SSG exported application which runs in nginx. I have plans to move it to S3 soon. The issue I am facing is that the slug paths can not be bookmarked in a browser. Internally the router works fine if I navigate using next router.…
Richy
  • 11
  • 1
1
vote
2 answers

Nuxt.js homepage is reverting to SSR / client-only mode

All the pages including dynamic routes in my site are statically generated, when you view source you correctly see all the markup as expected. But for some reason the homepage is in client only mode, ie when you view source there is no content in…
codycustard
  • 448
  • 1
  • 4
  • 10
1
vote
2 answers

Is it possible to build a static-only (SSG) site with Gatsby, disabling SSR?

In the Gatsby documentation it says that the default build mode is SSG: SSG is the default rendering mode in Gatsby. While the name has the word “static” in it, it doesn’t at all mean boring or lifeless. It simply means the entire site is…
1
vote
0 answers

How to implement "NextJs Redirects" with next static site export

I am using next build && next export to build out directory and uploading it to hostinger (shared server) to deploy the static website. For the seo purpose I want to redirect non-www and http urls to https://www.my-website.com How will I do…
1
vote
1 answer

What's the difference between SSR and fallback = true for dynamic paths in NextJS

So I'm finding it difficult to see the benefits of doing SSR for dynamic paths in NextJs when I can just just pre-render a few static paths, and use fallback=true to cover my bases on most pages. Say I have an eCommerce site with 1 million product…
1
vote
1 answer

Data is not fetching properly in SSG Next.js

While creating the post (for the blog) using Jodit Editor, I used to directly save it's output (html string) into mongo. Then after adding SSG, at the build time, the (consoled) fetched data appears as this. Whereas simply fetching the api shows…
1
vote
1 answer

Page specific tailwind classes with SSG

Currently I'm developing a website using the following stack: vue.js @vue/server-renderer vite tailwind CSS SSG was chosen as the rendering mode. Tailwind, as described in the documentation, allows you to specify directories and file extensions…
1
vote
0 answers

How to access the items array in a JSON file

I want to access the JSON data for my YouTube channel and here is what I got { "version": "https://jsonfeed.org/version/1", "title": "Academy", "home_page_url": "https://www.youtube.com/channel/UCm814Any5c0GvOrRCUE3z8g", "author": { …
1
vote
1 answer

How to generate a static website out of Sveltekit official RealWorld example for hosting on google firebase?

https://realworld.svelte.dev/ is the official example of SvelteKit. https://github.com/sveltejs/realworld is the codebase for this official example. I am trying to generate a static site so I can host this on google firebase. I updated config…
Alok
  • 7,734
  • 8
  • 55
  • 100
1
vote
2 answers

Build form submission handler using API Route in Astro JS framework

I am trying to Build a form submission handler for JS-free form submission. But the api is not receiving the data sent by the html form. I am following this documentation. The signin.json.js file contains an export async function called post that…
1
vote
0 answers

Does Vuetify's data-table work with Static Site Generation?

Can I use an SSG tool for Vue.js, like Nuxt, to generate a single-page application using Vuetify and have its data-table component (instantiated with v-data-table) work, i.e. be able to display tabular data loaded as JSON (via a totally separate…
1
vote
0 answers

How to just render a Vue template in a Docker container?

I want to use a Docker multi-stage build with Vue.js in the first stage and a Web server in the second. Starting with the official node image from Docker Hub, I'm trying to: either install the relevant packages (vue and vuetify@3.0.4 which I need…
ByteEater
  • 885
  • 4
  • 13
1
vote
1 answer

How to render multiple Markdown files on one page in Astro?

I want to render the contents of multiple .md files on a single page using Astro. I have this file structure: pages/ items/ item-1.md item-2.md item-3.md // etc index.astro item-1.md looks like this: --- title = 'Item…
Santa
  • 43
  • 4
1
vote
0 answers

NextJS SSG with PrismJS will throw warning: Prop `dangerouslySetInnerHTML` did not match

I'm using NextJS with Static Site Generation, Marked and PrismJS to render markdown with styling for codeblocks. Unfortunately I'm keep getting the warning: Warning: Prop 'dangerouslySetInnerHTML' did not match. Server: ... Client:…
Rowin_nb2
  • 164
  • 1
  • 13
1
vote
1 answer

Hugo documentation SSG: couldn't include html files via iFrame (getting 404 error)

We have a project to create frontend components built with SCSS and TS. Components can be changed per theme. For this we create a separate CSS & JS file for each theme. We would like to present the components in a Bootstrap-like documentation. For…
Rahman Saleh
  • 1,038
  • 1
  • 14
  • 20