---
title: Web
description: How the website application works in kreogen.
product: Web
type: reference
summary: How the marketing website application works.
related:
  - /en/docs/packages/seo/metadata
  - /en/docs/packages/cms/overview
---

# Web



<Callout>
  The `web` application runs on port 3001. We recommend deploying it to `www.{yourdomain}.com`.
</Callout>

kreogen comes with a default website application, which is located in the `apps/marketing/web` folder.

## Overview

It's built on Next.js and Tailwind CSS, with some example pages scaffolded using [TWBlocks](https://www.twblocks.com/). It's designed for you to customize and extend to your needs, whether that means keeping the default pages or replacing them with your own.

## Features

* **Design System**: The app is connected to the [Design System](/en/docs/packages/design-system/components) and includes a variety of components, hooks, and utilities to help you get started.
* **CMS**: The app is connected to the [CMS](/en/docs/packages/cms/overview) package to power your type-safe blog.
* **SEO**: The app is connected to the [SEO](/en/docs/packages/seo/metadata) package which optimizes the site for search engines.
* **Analytics**: The app is connected to the [Analytics](/en/docs/packages/analytics/product) package to track visitor behavior.
* **Observability**: The app is connected to the [Observability](/en/docs/packages/observability/error-capture) package to track errors and performance.


---

For a semantic overview of all documentation, see [/sitemap.md](/sitemap.md)

For an index of all available documentation, see [/llms.txt](/llms.txt)