Documentation

Get Started

  • Get Started

Core Features

  • User Authentication
  • Database Integration
  • Email Delivery
  • Static Blog
  • Payment Collection
  • Predefined Styles
  • Private Pages
  • Private APIs
  • SEO Configuration
  • OG Image Generation
  • AI Integration

Components

  • Header
  • Footer
  • Hero Section
  • Features Section
  • Highlight Section
  • Stripe Button
  • Subscribe Form
  • Signin Form
  • Email Templates
  • FAQ Accordion
  • Theme Switcher
  • Rating
  • Call to Action
  • MDX Components
  • Table of Contents
  • Sidebar

Get Started

  • Get Started

Core Features

  • User Authentication
  • Database Integration
  • Email Delivery
  • Static Blog
  • Payment Collection
  • Predefined Styles
  • Private Pages
  • Private APIs
  • SEO Configuration
  • OG Image Generation
  • AI Integration

Components

  • Header
  • Footer
  • Hero Section
  • Features Section
  • Highlight Section
  • Stripe Button
  • Subscribe Form
  • Signin Form
  • Email Templates
  • FAQ Accordion
  • Theme Switcher
  • Rating
  • Call to Action
  • MDX Components
  • Table of Contents
  • Sidebar

Lead Collection Form

Lead Form

File locations:

  • src/components/forms/subscribe.tsx

Collect user emails and save them into your email list. This component works with Resend, make sure you have the email delivery feature configured properly.

Go to Resend, navigate to Audiences -> API:

Resend Audiences

Copy the audience ID and paste it into your .env as AUTH_RESEND_AUDIENCE_ID.

Audience ID

To use the component, import it into your page.tsx like this:

tsx
import Subscribe from "@/components/forms/subscribe";

Full Stack AI Dev

RoadmapCommunityPricing

SaaS Boilerplate

Next.js BoilerplateDocumentation

Contribute

Write for UsStyle Guide

Free Tools

HTML CompilerJavaScript CompilerNode.js CompilerReact CompilerNext.js Compiler

Legals

Privacy PolicyTerms of ServiceContact Us
© 2026TheDevSpace.io| All Rights Reserved
RoadmapSaaS BoilerplatePricingCommunity
CheatsheetsHTML CompilerJavaScript CompilerNode CompilerReact CompilerNext.js Compiler
Get Started
CourseNext.js BoilerplatePricingCommunity
Freebies
CheatsheetsHTML CompilerJavaScript CompilerNode CompilerReact CompilerNext.js Compiler