2023-07-23 18:49:26 +00:00
---
title: "Building your Quartz"
---
2023-08-07 00:09:29 +00:00
Once you've [[index#🪴 Get Started|initialized]] Quartz, let's see what it looks like locally.
```bash
npx quartz build --serve
```
2023-08-07 02:52:30 +00:00
Then, open a web browser and visit `http://localhost:8080/` to view it.
2023-08-07 00:09:29 +00:00
Want to change how Quartz looks? You can edit `quartz.config.ts` to customize and configure your Quartz, including styles, layout, and more. Read the [[configuration]] page for more information on what each field in the configuration does.
2023-08-08 00:34:38 +00:00
Once you're happy with it, let's see how to [[hosting|deploy Quartz to the web]]!
2023-08-07 00:09:29 +00:00
> [!hint] Flags and options
> For full help options, you can run `npx quartz build --help`.
2023-08-07 02:54:11 +00:00
>
2023-08-07 00:09:29 +00:00
> Most of these have sensible defaults but you can override them if you have a custom setup:
2023-08-07 02:54:11 +00:00
>
2023-08-07 00:09:29 +00:00
> - `-d` or `--directory`: the content folder. This is normally just `content`
> - `-v` or `--verbose`: print out extra logging information
> - `-o` or `--output`: the output folder. This is normally just `public`
> - `--serve`: run a local hot-reloading server to preview your Quartz
2023-08-07 02:54:11 +00:00
> - `--port`: what port to run the local preview server on
