Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Gridsome Serve Mode

See original GitHub issue

Gridsome Serve Mode

Gridsome has a command called gridsome serve that has been included from the beginning. This is not functioning properly yet, so this issue is highlighting what we want to achieve with it for Gridsome v1.0.

What is it?

A way to run Gridsome in SSR mode on a Node server with the GraphQL data layer included.

This is perfect for example instant previews for content editors working in Headless CMSs.

Why is it needed?

Gridsome generates static HTML that can be hosted on any Static web hosts. This is great for speed, security and hosting costs. (And putting your entire site on a CDN).

But when you need to serve real-time data so, for example, content editors can preview changes instantly, you’ll need to run on a Node server.

With gridsome serve you should be able to:

Setup a server for instant content previews (That content editors can use).
Run your Gridsome site on a node server with the GraphQL data layer included.
Update the GraphQL data layer from external services for instant data updates.
GraphQL sources that are stitched will be loaded from the original source.

Issue Analytics

State:
Created 4 years ago
Reactions:68
Comments:5

Top GitHub Comments

3reactions

onefriendadaycommented, Oct 10, 2019

For those who want to use a preview already now: With Storyblok as headless CMS you have instant live preview without the need to spin up an additional server. The implementation is explained in the following tutorial: https://www.storyblok.com/tp/gridsome-multilanguage-website-tutorial

1reaction

vivekneemcommented, Oct 9, 2020

Anyone has made live preview with gridsome & sanity on production without any server need ?

Top Results From Across the Web

How it works - Gridsome

The gridsome develop command starts a local development server with hot-reloading for code/file changes and the GraphQL data layer.

Getting started with Gridsome - LogRocket Blog

Gridsome fetches data from data sources like CMSs (any headless CMS, Contentful, WordPress, Drupal, Sanity.io, etc.), local files, or external ...

Build a Desktop app with Gridsome and Electron. - Medium

Live-server: Live server helps us to serve html, css and javascript files including folders with LIVE RELOAD. Basically, what we're going to do ......

Deploy a Gridsome site · Cloudflare Pages docs

js powered Jamstack framework for building static generated websites and applications that are fast by default. In this guide, you will create a ......

CLI Service - Vue CLI

You can access the binary directly as vue-cli-service in npm scripts ... on server start --copy copy url to clipboard on server start...