Subscribe

Email capture form with confirmation email — newsletters, waitlists, footer signups. Powered by Resend and React Email.

@prisma/client@prisma/adapter-pgpgdotenvzustandzodresendreact-emailprisma@types/pg

shadcn/uiinputbuttonauto-installed by CLI

Preview

Environment Variables

Add these to your .env before installing. The CLI runs Prisma generate and migrate using these values during install — add them first, or the install will fail partway through.

DATABASE_URLrequired
PostgreSQL connection string.
e.g. postgresql://user:pass@localhost:5432/mydb
RESEND_API_KEYrequired
Resend API key for sending the confirmation email.
e.g. re_xxxxxxxxxx
SUBSCRIBE_FROM_EMAILoptional
Sender address for confirmation emails. Falls back to onboarding@resend.dev if unset — replace before production.
e.g. hello@yourdomain.com

Install via CLI

npx feature101@latest add subscribe

Usage

import { SubscribeForm } from '@/features/subscribe'

<SubscribeForm />

Props

Prop	Type	Default	Description
`title`	`string`	`"Subscribe to our newsletter"`	Heading text.
`description`	`string`	`"Get updates delivered straight to your inbox."`	Subtext under the heading.
`className`	`string`	—	Custom CSS classes.
`onSubscribed`	`(email: string, result?: SubscribeResult) => void`	—	Callback fired with the email and full server result on confirmed success only.

Follow Upload