# Vyriy Project Presets

Documented CLI starting points for libraries, APIs, static sites, SSR apps, SPAs, MFEs, MCP servers, and fullstack React projects.

Published: 2026-06-04
Tags: vyriy, preset, cli
Source: https://vyriy.dev/blog/vyriy-project-presets/

---

# Vyriy Project Presets: Calm Starting Points for Different Web Projects

Vyriy presets are not just templates.

Each preset is a small, documented starting point for a specific kind of project: a library, an API, a static site, an SSR application, an MFE widget, an MCP server, a fullstack app, or a minimal base workspace.

Every generated project includes its own README, commands, Storybook documentation surface, and calm development foundation.

To create app using vyriy cli:

```bash
npm create vyriy@latest
```

And choose your app preset.

The current registry documents the `base` foundation plus ten project presets:
`library`, `api`, `ssr`, `ssg`, `spa`, `rest`, `gql`, `mfe`, `mcp`, and
`fullstack`.

## Presets

### Base

A minimal project foundation with TypeScript, ESLint, Prettier, Jest, Storybook, and shared workflow configuration.

Use it when you want a clean workspace without product-specific code.

[Explore the Base preset](/examples/vyriy-preset-base/)

### Library

A starting point for building and documenting reusable packages.

Use it when you want a typed package with tests, stories, docs, and clear public exports.

[Explore the Library preset](/examples/vyriy-preset-library/)

### API

A backend-oriented preset for explicit HTTP APIs.

Use it when you want clear request handlers, tests, and documentation without framework magic.

[Explore the API preset](/examples/vyriy-preset-api/)

### SSR

A server-rendered React application preset.

Use it when you need HTML generated on the server with a clear runtime boundary.

[Explore the SSR preset](/examples/vyriy-preset-ssr/)

### SSG

A static site generation preset.

Use it when you want build-time HTML, CDN-friendly output, and simple deployment.

[Explore the SSG preset](/examples/vyriy-preset-ssg/)

[Explore SSG with an MCP boundary](/examples/vyriy-create-ssg-mcp-presets/)

### SPA

A client-rendered React application preset.

Use it when you want a simple browser application with the same calm project foundation.

[Explore the SPA preset](/examples/vyriy-preset-spa/)

### REST

A simple REST API preset.

Use it when you want a simple REST API service.

[Explore the REST preset](/examples/vyriy-preset-rest/)

### GraphQL

A simple GraphQL API preset.

Use it when you want a GraphQL API service.

[Explore the GraphQL preset](/examples/vyriy-preset-graphql/)

### MFE

A micro frontend preset for isolated UI widgets and integration examples.

Use it when you want a documented, testable, embeddable UI surface.

[Explore the MFE preset](/examples/vyriy-preset-mfe/)

### MCP

An MCP server preset for exposing package knowledge and tools to AI agents.

Use it when you want a small Streamable HTTP MCP endpoint with explicit Vyriy
server, router, handler, and tool package boundaries.

[Explore the MCP preset](/examples/vyriy-preset-mcp/)

### Fullstack

A React fullstack app example with SSR.

Use it when you want a documented, testable, embeddable fullstack app with React and server side rendering.

[Explore the Fullstack preset](/examples/vyriy-preset-fullstack/)