How to make Nuxt.js SSR with partially static pre-rendering pages

samchuang

There are a lot of information either on Nuxt SSR, or going full static, but I can't find any guide how to build a hybrid SSR with static pages together.

I'm building a website with Nuxt SSR, and I want to pre-render all product pages statically from a 10MB JSON file.

I found an archived thread on Reddit, mentioned it's possible to create a middleware with the routes to be statically generated. I don't know how to achieve that, and hope I can get some help.

kissu

You will probably need to join the Nuxt Discord but this is how you could achieve it: first note that this is not an official way of doing things and we'll have something better coming out very soon. but if you really need this a workaround is as follows:

set target: 'server' (not static)
run nuxt build to create your ssr bundle
run nuxt generate --no-build (ideally set your routes via generate.routes in your nuxt config)
copy the generated dist folder contents into your static folder (or serve directly from your web server config)
nuxt start

Source: https://discord.com/channels/473401852243869706/473406004751499275/886642260677124166

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at2021-09-26

Comments

0 comments

TOP Ranking

Article

How to make Nuxt.js SSR with partially static pre-rendering pages

How to make Nuxt.js SSR with partially static pre-rendering pages

Loopback Error: connect ECONNREFUSED 127.0.0.1:3306 (MAMP)

Can't pre-populate phone number and message body in SMS link on iPhones when SMS app is not running in the background

pump.io port in URL

How to import an asset in swift using Bundle.main.path() in a react-native native module

Failed to listen on localhost:8000 (reason: Cannot assign requested address)

Spring Boot JPA PostgreSQL Web App - Internal Authentication Error

Emulator wrong screen resolution in Android Studio 1.3

3D Touch Peek Swipe Like Mail

Double spacing in rmarkdown pdf

Svchost high CPU from Microsoft.BingWeather app errors

How to how increase/decrease compared to adjacent cell

Using Response.Redirect with Friendly URLS in ASP.NET

java.lang.NullPointerException: Cannot read the array length because "<local3>" is null

BigQuery - concatenate ignoring NULL

How to fix "pickle_module.load(f, **pickle_load_args) _pickle.UnpicklingError: invalid load key, '<'" using YOLOv3?

ngClass error (Can't bind ngClass since it isn't a known property of div) in Angular 11.0.3

Can a 32-bit antivirus program protect you from 64-bit threats

Make a B+ Tree concurrent thread safe

Bootstrap 5 Static Modal Still Closes when I Click Outside

Vector input in shiny R and then use it

Assembly definition can't resolve namespaces from external packages