Skip to main content

Running the Client Landing

The client landing is a Next.js 16 marketing/landing page located in demo-client-landing/. It's the public-facing site your end-users see before they sign up — hero section, features, pricing, about, and legal pages.

1. Install dependencies​

cd demo-client-landing
npm install

2. Configure environment​

cp .env.example .env.local

Key variables:

NEXT_PUBLIC_SITE_URL=http://localhost:3000
NEXT_PUBLIC_APP_URL=http://localhost:3300

3. Start the dev server​

npm run dev

The site will be available at http://localhost:3000.

Build for production​

npm run build
npm run start

Pages included​

RouteDescription
/Hero / home
/pricingPricing plans
/aboutAbout page
/contactContact form
/privacyPrivacy policy
/termsTerms of service
/cookiesCookie policy

Tech stack​

  • Next.js 16 App Router
  • MUI 7 (Material UI) + Emotion
  • React Hook Form + Yup validation