# Build and deploy your catalog

Copy as Markdown[View as Markdown](/docs/tutorial/build-your-catalog.md)

***

In this step, you will build your catalog and decide how you want to deploy it.

Most new EventCatalog projects build as a static site. That means EventCatalog creates HTML files that you can host on most static hosting platforms.

## In this chapter...

Here are the topics we'll cover

* Run a production build.
* Preview the built catalog locally.
* Choose a deployment path for your team.

### Build the catalog[​](#build-the-catalog "Direct link to Build the catalog")

Run:

```
npm run build
```

EventCatalog creates a production-ready build in the `dist` folder.

You can learn more in the [develop and build guide](/docs/development/getting-started/develop-and-build.md) and the [static build guide](/docs/development/deployment/build-and-deploy.md).

### Preview the build[​](#preview-the-build "Direct link to Preview the build")

After the build finishes, preview the built catalog locally:

```
npm run preview
```

This lets you check the production build before you publish it.

If the build fails, check the error in your terminal first. Common issues are broken links, invalid frontmatter, schema path mistakes, or missing files.

### Choose a deployment path[​](#choose-a-deployment-path "Direct link to Choose a deployment path")

For most first catalogs, static hosting is the simplest path. You can deploy the `dist` folder to the hosting platform your team already uses.

EventCatalog also supports server-side rendering for larger catalogs or features that need a server.

Useful deployment docs:

* [Build and deploy](/docs/development/deployment/build-and-deploy.md)
* [Hosting options](/docs/development/deployment/hosting-options.md)
* [Deployment workflows](/docs/development/deployment/deployment-workflows.md)
* [SSR mode](/docs/development/deployment/build-ssr-mode.md)

### What you have now[​](#what-you-have-now "Direct link to What you have now")

You now know how to:

* build the catalog for production
* preview the production build locally
* choose between static hosting and server-side rendering

### Next[​](#next "Direct link to Next")

Continue to [Next steps](/docs/tutorial/next-steps.md).