Across Protocol Marketing Website

The marketing website for Across Protocol — the fastest and lowest-cost cross-chain bridge.

Stack

• Next.js 15 (App Router)
• React 18
• Tailwind CSS
• Contentful (Headless CMS for blog)
• Vercel (Deployment)
• Amplitude (Analytics)

Getting Started

Requirements

• Node.js (see .nvmrc — lts/hydrogen)
• Yarn

Setup

yarn
cp .env.example .env

Fill in the required environment variables in .env:

• CONTENTFUL_SPACE_ID — Contentful space identifier
• CONTENTFUL_ACCESS_TOKEN — Contentful API token
• CONTENTFUL_REVALIDATE_SECRET — ISR revalidation webhook secret

Development

yarn dev

Open http://localhost:3000.

Build

yarn build

Lint & Format

yarn lint
yarn format

Project Structure

src/app/
├── (routes)/          # Next.js App Router pages
│   ├── page.tsx       # Homepage
│   ├── across-bridge/ # Bridge product page
│   ├── across-plus/   # Plus product page
│   ├── across-settlement/ # Settlement layer page
│   ├── blog/          # Blog (Contentful CMS)
│   └── ...
├── api/               # API routes (ISR revalidation)
├── _components/       # Shared React components
├── _lib/              # Utilities (Contentful client, analytics)
├── _hooks/            # Custom React hooks
├── _constants/        # Configuration constants
└── _assets/           # Static images and logos

CMS

Blog content is managed in Contentful. Changes published in Contentful trigger ISR revalidation via the /api/revalidate webhook endpoint.

Analytics

Event tracking uses Amplitude. To refresh tracking data:

yarn ampli:pull

License

Proprietary