Waitlist page with Astro, Resend and Plausible
For builders who need a pre-launch page that collects email signups, with privacy-friendly analytics and little operational overhead.
This recipe is assembled from official documentation and was not built end to end for this page.
The parts
| Role | Tool | Why |
|---|---|---|
| Framework | Astro | Astro produces static landing pages with no unnecessary client-side JavaScript by default. |
| Resend | Resend provides email delivery and contact management through a REST API and SDKs. | |
| Analytics | Plausible | Plausible provides lightweight, privacy-focused website traffic analytics without requiring cookies or cookie consent banners. |
Why this stack fits
Validating product demand means turning casual visitors into confirmed early subscribers. A slow landing page lowers conversion rates, and cookie banners annoy users. Astro, Resend, and Plausible make a lightweight stack for speed, reliable email delivery, and privacy-friendly analytics.
Astro builds the pre-launch landing page. As documented on the Astro official website and in the Astro getting started guide, Astro sends lightweight HTML to the browser with zero unnecessary JavaScript overhead by default. The resulting static page loads quickly, which helps visitors from paid ads, social media campaigns, and mobile devices reach the signup form.
Resend handles subscriber list management and transactional confirmation emails. According to the Resend official website and Resend documentation, Resend is an email API for developers that lets builders manage contacts and send emails through a REST API and SDKs.
Plausible measures traffic without compromising user privacy. As described on the Plausible official website and in the Plausible documentation, Plausible is a lightweight, privacy-friendly alternative to Google Analytics that uses no cookies and requires no consent banners.
How the components connect
The waitlist workflow runs in four steps:
- Page visit tracking: When visitors arrive on the page, Plausible's lightweight script records page views without storing cookies.
- Form submission: The user enters their email address and clicks submit. A small client-side script intercepts the submission and sends a POST request to a serverless backend function or API route.
- Contact creation and confirmation: The serverless route securely authenticates with the Resend API, adds the subscriber as a contact in the designated list, and sends an automated welcome confirmation email.
- Instant UI feedback: Once the API responds with success, the frontend displays an inline confirmation message thanking the visitor and outlining next steps.
What it costs to run
Software costs for this waitlist stack are low:
- Astro: Free and open source under the MIT license (Astro License).
- Resend: Operates on a freemium pricing model, offering a free plan with a daily sending limit and custom domain support (Resend Pricing).
- Plausible: Operates as a paid cloud subscription that starts with a free trial, while self-hosted use is governed by an open source license (Plausible Terms).
When to pick something else
Depending on campaign scope and technical needs, these swaps may fit better:
- Vite: If your pre-launch page incorporates an interactive product sandbox built in React, the Vite guide describes a build setup for client-side applications that may be preferable to a multi-page static generator.
- Kit: If your waitlist campaign needs to send broadcasts to subscribers, Kit developer documentation and the Kit API overview describe creating and sending broadcasts to subscribers through Kit's platform.
Setup steps
- Scaffold a fast static landing page using npm create astro@latest.
- Embed the lightweight Plausible Analytics tracking script into the head section of the base layout template.
- Design the hero section and waitlist signup form with clear value proposition copy and call-to-action buttons.
- Create an API endpoint or serverless function to securely invoke the Resend API and add the submitter as a contact in a Resend contact list.
- Add client-side submission handling to display instant confirmation feedback upon successful signup.
- Deploy the project to a static hosting provider like Netlify or Cloudflare Pages with automated Git integration.
Tradeoffs
- Capturing waitlist entries directly with Resend requires an API endpoint or serverless function to keep the private API key hidden from visitors.
- Plausible operates as a paid subscription service or self-hosted deployment after a free trial rather than offering a perpetual free cloud tier.
- Static waitlist pages need dedicated client-side validation logic to provide instant visual feedback on submission success or failure.
Swap options
Framework: Vite. Swap to Vite for single-page applications or when pairing with heavy interactive client-side product previews.
Email: Kit. Swap to Kit when the waitlist needs to create and send broadcasts to subscribers through Kit.