A newsletter pagethat fits in two screens.

Subscribing is a low-stakes yes, so any page that walks someone down a value ladder before showing them the field is losing subscribers to its own length. This is the only template in the kit with a bespoke centred hero, for exactly that reason: the form is the primary action, not a panel next to one.

Next.js 16 · Tailwind 4 · static export · 14-day refund

6
Full page demos
32
Components
0
Runtime dependencies
1 day
To live, realistically

Why this one

What the page has to do

Directly under it sits the archive — six recent issues with dates, blurbs and reading times. It is the most persuasive thing on a newsletter page because it answers "is this person actually writing, and is it any good" in one scroll without asking for anything. Six is the right number: three looks like a false start, twenty looks like a blog and buries the signup.

Everything below the archive is a bonus. If someone scrolls to the FAQ they were probably never going to subscribe, which is why the page is short and the same field appears again at the close.

In the box

Every section, already built

In the order they appear on the demo. Delete any of them and the page still holds together — they are separate components, not a theme.

  1. 01

    Centred hero with an inline field

    One email input and a button, pill-shaped, at the width of the reading column. No panel around it, because a box inside a box is what makes a signup look like an ad.

  2. 02

    Trust row

    Subscriber count, issues written, and the unsubscribe promise on one line. Three facts beat three paragraphs about what the letter is like.

  3. 03

    Issue archive

    Six issues with dates, one-line blurbs and read times. Rows become links when you give them URLs and stay inert when you don't, so the demo ships no dead anchors.

  4. 04

    Reader quotes

    Three, with roles. For a free letter, three specific readers do more than a thousand-subscriber badge.

  5. 05

    Honest FAQ

    How often, is it sponsored, how do I leave. The unsubscribe answer converts more people than the archive does.

  6. 06

    One more field at the close

    The same signup on a dark section. There is exactly one thing to do on this page and no reason to send anyone back up to do it.

Fit

Use this one if

  • You write a free newsletter and want a page instead of a provider's hosted form.
  • You have published enough issues to show an archive.
  • Your list lives somewhere that gives you a form endpoint.
  • You would rather convert in two screens than explain for six.

Three steps

From clone to live, this afternoon

  1. 1Clone and run itnpm install, npm run dev. All six demos are on your machine in about a minute.
  2. 2Edit one data fileOpen the content file for this page and replace the copy, the price and the proof. TypeScript flags anything you miss.
  3. 3DeployPush to GitHub, connect Vercel. It is a static site, so the free tier is genuinely enough.
Start with the free version

Questions

About the newsletter landing page template

Does it work with Substack or Beehiiv?+

Yes. Anything that gives you a form endpoint works — Substack, Beehiiv, ConvertKit, Buttondown, Mailchimp, Ghost. The field posts straight to your provider, so double opt-in, unsubscribe links and GDPR receipts stay with the people who already do them properly.

Can I add a paid tier?+

Drop in the pricing block from the course template under the archive. Keep the free field at the top: the page still has to earn the free yes before it can ask for the paid one.

Where does the archive come from?+

A list in one data file — title, date, blurb, read time, link. Paste six in and you are done; wire it to your provider's RSS later if you want it automatic.

Also in the kit

Five other page types come with it

One purchase covers all six. Different offers want different pages, and most people end up using two.

See all six examples — or browse the other template pages: online course landing page, course website, cohort course, webinar landing page, coaching website, ebook landing page.

Six templates,one afternoon.

$39 today, $59 once the launch window closes. Lifetime updates, 14-day refund, and the free version is a real page rather than a teaser.