Building & Previewing

When you'd like to generate your site, run the build command from within your project root:

$ ./vendor/bin/jigsaw build

Jigsaw will generate your static HTML and place it in the /build_local directory by default.

Using the default site structure, /build_local will look like this:

build_local
assets
build
css
main.css
js
main.js
mix-manifest.json
images
jigsaw.png
index.html
source
tasks
vendor
...

Previewing with PHP

To quickly preview your site, use the serve command:

$ ./vendor/bin/jigsaw serve

You can now view your site at http://localhost:8000 in your browser.

You can also optionally specify the environment and port to serve like so:

$ ./vendor/bin/jigsaw serve production --port=8080

This will serve your /build_production directory at http://localhost:8080.

Previewing with Browsersync

If you are using Laravel Mix to compile your assets (which is included in the default Jigsaw setup), you can preview your site with Browsersync by simply running:

$ npm run watch

(If you haven't already, you'll need to run npm install before running npm run watch.)

Browsersync will automatically open a new browser tab and reload the page every time you make a change. Very helpful for previewing your changes quickly!