Q. Grdisomeでビルドしたサイトをプレビューしたい

pythonの簡易サーバーを使うとプレビュー出来ます

Gridsomeでビルドしたサイトはパスが相対パスになっているので、そのままindex.htmlを開く形ではプレビューが出来ません。

方法としては、

1. ローカルにWebサーバーを設定する（Apacheなど）
2. ホスティングサーバーのテスト環境にアップする
3. プログラム言語の簡易サーバーを使う

がありますが、pythonの簡易サーバーが簡単で便利です。

macOSやLinuxであれば、pythonはデフォルトでインストールされていますし、WindowsでもWSLをインストールしていれば、Linuxのpythonが使えます。

pythonの簡易サーバーでのプレビューの仕方は、

// プロジェクトのdistディレクトリに入る
cd dist

// pythonサーバーを立ち上げる
python -m SimpleHTTPServer 8888

これで、ブラウザで「localhost:8888」にアクセスすると、ビルドしたGridsomeのサイトが本番のサーバーと全く同じように動くはずです。

Gridsomeはプレビュー用の開発サーバーとビルドしたファイルの挙動が違うことがあるので、この方法でプレビューしておくとエラーチェックなどを確実に行えます。