DEMOLANDING PAGE
Landing Page with Telegram and CRM Form.
A Nuxt landing page template: validated form, leads sent to a Telegram bot and CRM.
This is a demo project: we built it ourselves as a template for ad landing pages. There is no client; metrics were measured on a test deployment.
- TYPE
- DEMO
- TIMELINE
- 1 week
- TEAM
- Developer, designer, QA
- SERVICE
- Website development
01
Task
Show how quickly a landing page for ads can be built, with a form that instantly sends leads to Telegram and a CRM. A typical small-business pain: form leads land in an inbox, get noticed half a day later, and some end up in spam.
02
Constraints
- [WARN]Launch in one week, as for a real ad campaign
- [WARN]No paid page builders or third-party form widgets
- [WARN]A lead must not be lost even if the CRM is temporarily down
- [WARN]Spam protection without a captcha that hurts conversion
03
Solution
We built a static Nuxt landing page and a single server route for the form. The same validation rules run in the browser and on the server, and each lead goes to the Telegram bot and the CRM in parallel, so a failure in one channel does not block the other.
Static landing pageThe page is generated at build time: the first screen does not wait for a server.
One validation schemaA Zod schema shared by browser and server: errors next to each field.
Lead in secondsA Telegram message with the contact, text and UTM source tags.
Captcha-free anti-spamHoneypot field, time trap and a per-IP request limit.
04
Stack
Nuxtstatic landing pageNitroform server routeZodclient and server validationTelegram Bot APInotificationsCRM APIlead recordVercelhosting
05
Results in numbers
ACCESSIBILITY100[PASS] target 95+
LCP0.9 s[PASS] threshold 2.5 s
Measured with Lighthouse, mobile profile, test deployment on Vercel.
06
What we would do differently
01We would send leads to the CRM through a queue with retries from the start, not with a direct request from the form.
02We would add a backup channel (email) from day one: a Telegram bot can be unavailable too.
03We would wire up form event analytics before the ads launch, not after the first leads.
NEXT CASEOnline Store on Laravel + Nuxt
DEMO