Nexlm Landing

Marketing website for Nexlm, the peer-to-peer XLM ↔ Naira exchange built on Stellar.

It explains how trading works, the on-chain escrow model, fees, security and the roadmap, and collects early-access sign-ups.

The trading app lives in Nexlm/nexlm and the documentation in Nexlm/nexlm-docs.

Stack

• React 18 + Vite 6
• Tailwind CSS 3
• React Router (lazy-loaded pages)
• lucide-react icons
• Vitest for unit tests

Getting started

npm install
cp .env.example .env   # optional
npm run dev            # http://localhost:5174

Script	What it does
npm run dev	Start the dev server
npm run build	Production build into dist/
npm run preview	Serve the production build
npm test	Run unit tests

Environment variables

Variable	Default	Purpose
VITE_SITE_URL	https://nexlm-landing.vercel.app	Canonical site URL
VITE_APP_URL	https://nexlm-client.vercel.app	Where “Start trading” and “Log in” buttons go
VITE_DOCS_URL	https://nexlm-docs.vercel.app	Documentation link
VITE_WAITLIST_ENDPOINT	(empty)	POST endpoint for the waitlist; falls back to a mailto link

Project structure

src/
  components/
    layout/     Header, Footer, Layout, PageHero
    sections/   Home page sections (Hero, HowItWorks, Escrow, Features, …)
    ui/         Buttons, Container, Accordion, Reveal, SectionHeading, Logo
    widgets/    LiveRate, RateCalculator, TradePreview, EscrowDiagram, WaitlistForm
  config/       Site URLs and links
  data/         Copy for features, steps, FAQs, fees, roadmap, comparison
  hooks/        useXlmRate, useInView, useDocumentTitle
  lib/          Formatting, rate fetching, waitlist helpers (+ tests)
  pages/        Route pages, including legal drafts

Content lives in src/data/ so copy changes don't require touching components. See CONTRIBUTING.md for how to add guides, FAQs and glossary terms.

Pages

Route	Page
/	Home
/how-it-works	Buy and sell steps, trade states, escrow diagram
/security	Escrow design, safety tips, scam reporting
/fees	Fee table and worked example
/payment-methods	Supported Naira rails with per-method tips
/guides, /guides/:slug	Searchable guides with table of contents
/glossary	Searchable glossary
/faq	Categorised FAQ with structured data
/changelog	What's new
/about, /contact	Company and support channels
/legal/*	Terms, privacy and risk disclosure (drafts)

SEO

• Per-route title, description, canonical URL and Open Graph tags via useDocumentTitle
• JSON-LD for the organisation, FAQ page, guide articles and breadcrumbs
• public/sitemap.xml is generated from routes and guides by scripts/generate-sitemap.mjs before every build

Live data

• XLM/NGN rate — CoinGecko simple-price API, cached five minutes in sessionStorage. Indicative only.
• Network pulse — latest ledgers from Stellar's public Horizon, refreshed every 15 seconds.

Deployment

The site is a static SPA. vercel.json adds SPA rewrites, long-lived caching for hashed assets and basic security headers.

npm run build
# deploy dist/