Skip to content
caro docs

Website Development

This document covers development of the caro.sh marketing website built with Astro.

Project Location

Section titled “Project Location”

The website source is in the website/ directory of the monorepo.

Tech Stack

Section titled “Tech Stack”
  • Framework: Astro v4
  • Styling: Scoped CSS in Astro components
  • Deployment: Vercel (static site generation)
  • Analytics: Vercel Analytics

Analytics

Section titled “Analytics”

The website uses Vercel Analytics for privacy-friendly traffic monitoring.

Setup

Section titled “Setup”

In src/layouts/Layout.astro:

---
import Analytics from '@vercel/analytics/astro';
---


<body>
  <slot />
  <Analytics />
</body>

Features

Section titled “Features”
  • Privacy-first: No cookies, GDPR compliant by default
  • Automatic tracking: Page views tracked without additional configuration
  • Web Vitals: Core Web Vitals automatically collected
  • Real-time: View live traffic in Vercel dashboard

Viewing Analytics

Section titled “Viewing Analytics”
  1. Go to your Vercel dashboard
  2. Select the caro website project
  3. Click the “Analytics” tab

Local Development

Section titled “Local Development”
Terminal window
# Navigate to website directory
cd website


# Install dependencies
npm install


# Start dev server
npm run dev

Visit http://localhost:4321 to see the site.

Building

Section titled “Building”
Terminal window
# Production build
npm run build


# Preview production build
npm run preview

Deployment

Section titled “Deployment”

The website auto-deploys to Vercel on push to main. Preview deployments are created for all pull requests.

Custom Domain

Section titled “Custom Domain”

The production site is available at caro.sh.