Next.js 14 landing page for Saylo — AI meeting intelligence.
- Node.js 18+
- npm or yarn
npm install
npm run devnpm run build
npm run start- Push this folder to a GitHub repo
- Go to vercel.com → New Project → Import repo
- Click Deploy (zero config needed for Next.js)
- Add your custom domain in Project Settings → Domains
npm run build
npm run start # runs on port 3000 by defaultUse nginx or Caddy as a reverse proxy in front of port 3000.
Add to next.config.js:
const nextConfig = { output: 'export' }Then run npm run build — outputs to /out folder. Upload to any static host (S3, Cloudflare Pages, etc.)
- Brand name / copy — edit
app/page.tsx - Colors / fonts — edit
app/globals.css(CSS variables at top) - Waitlist form — connect the
handleSubmitfunction inpage.tsxto your email provider (Mailchimp, ConvertKit, etc.) - SEO metadata — edit
app/layout.tsx
saylo-landing/
├── app/
│ ├── layout.tsx # Root layout + metadata + fonts
│ ├── page.tsx # Full landing page component
│ └── globals.css # All styles
├── next.config.js
├── package.json
├── tsconfig.json
└── README.md