Skip to content
VivrealDocs

Sites Overview

Publish your content — deploy a Vivreal site or connect your own

beginner5 min readFor portal users

Sites Overview

Vivreal gives you two ways to get your content in front of visitors:

  1. Deploy a Vivreal site — choose a template, and Vivreal deploys a fully managed website for you
  2. Use your own site — call the Client API from any website you build yourself, on any stack

Both approaches pull content from the same collections, so you can switch between them or use both at the same time.

Option 1: Deploy a Vivreal Site

The fastest way to go live. Pick a template, and Vivreal handles the rest — hosting, deployment, and delivery.

When you create a site in the portal, Vivreal:

  1. Creates a dedicated build from the template you choose
  2. Deploys it with global CDN hosting
  3. Gives you a live URL immediately

Your site is a real, production-grade web application — server-rendered, fast, and SEO-friendly. It updates automatically when you change content in your collections.

Templates

Every site starts from a template — a pre-built website design that defines the layout, pages, and styling:

  • Basic — a clean, versatile template for portfolios, blogs, and informational sites
  • Ecommerce — a storefront with product listings, cart, and Stripe checkout

Templates handle all the technical complexity (routing, SEO, responsive design) so you can focus on your content.

What You Can Customize

From the portal, you can:

  • Choose which template to use
  • Connect a custom domain name
  • Configure branding (colors, logo)
  • Trigger redeployments
  • View deployment status

Option 2: Use Your Own Site

If you already have a website — or want to build one with your preferred framework — you can use the Client API to pull your Vivreal content into it. This works with any stack: Next.js, Nuxt, Astro, SvelteKit, a static site, or even a mobile app.

All you need is your API key from Group Settings. Then call the same endpoints that Vivreal's own templates use:

const res = await fetch(
  "https://client.vivreal.io/tenant/collectionObjects?collectionId=YOUR_ID",
  { headers: { Authorization: API_KEY } }
);
const { data } = await res.json();

The Client API is the same whether you use a Vivreal-deployed site or your own. See the API Reference for the full list of endpoints.

How Sites Connect to Collections

Both options work through the same clean separation:

  • Collections hold your structured content (the data layer)
  • Sites present that content to visitors (the presentation layer)

This means:

  • Updating a collection object updates your site — no redeployment required
  • The same collections can power multiple sites with different designs
  • You can redesign your site without touching your content

Content changes appear within seconds. The Client API serves data directly from your collections, so there's no build step for content updates.

Next Steps