№ 08 / 10
Creator Newsletter template
The editorial subscription page that makes people want to hand over their email — no aggressive pop-up.
- For
- Content creators, newsletter authors, independent media
- Mood
- Newsprint editorial — cream paper, black ink, vermilion accent, offset shadows
- Typefaces
- Libre Caslon Text + Karla
- Language
- Written in French — fully translatable in minutes
Secure payment by Stripe · Apple Pay · Google Pay · One-time payment · Instant download
You pay → instant access + email → findable at any time (Find my purchases) · Questions: admin@tech-bharat.com
Need several pages? All 10 templates in one bundle: €229 (€890 bought one by one). See the bundle →
Real screenshot of the demo (fictional content): open full screen
Real preview
The page exactly as delivered
Screenshots of the live demo, taken on 22 September 2026 on desktop (1280 px) and mobile (390 px). The “Le Contrepied” brand, copy, figures, reviews and testimonials are fictional: they are the placeholders you replace with your own. The template copy is in French.
See the full page (full-height screenshot)
Deliverable
Exactly what you get
The zip contains 20 files (838 lines in total, 19 KB compressed). The list is generated from the folder that is sold — nothing is added by hand.
| File | Lines |
|---|---|
| newsletter-creator/README.md | 63 |
| newsletter-creator/app/globals.css | 2 |
| newsletter-creator/app/layout.tsx | 16 |
| newsletter-creator/app/page.tsx | 4 |
| newsletter-creator/components/Archives.tsx | 73 |
| newsletter-creator/components/Autrice.tsx | 76 |
| newsletter-creator/components/Chiffres.tsx | 37 |
| newsletter-creator/components/CtaFinal.tsx | 26 |
| newsletter-creator/components/EmailForm.tsx | 55 |
| newsletter-creator/components/Extrait.tsx | 72 |
| newsletter-creator/components/Faq.tsx | 81 |
| newsletter-creator/components/Footer.tsx | 30 |
| newsletter-creator/components/Hero.tsx | 38 |
| newsletter-creator/components/Page.tsx | 54 |
| newsletter-creator/components/Sommaire.tsx | 98 |
| newsletter-creator/components/Temoignages.tsx | 83 |
| newsletter-creator/next.config.mjs | 3 |
| newsletter-creator/package.json | 13 |
| newsletter-creator/postcss.config.mjs | 2 |
| newsletter-creator/tsconfig.json | 12 |
- Tech stack
- next ^15.3.3 · react ^19.1.0 · tailwindcss ^4.1.8 · typescript ^5.8.3
- Fonts (Google Fonts)
- Libre Caslon Text · Karla
Honesty
Limitations to know before buying
- Nothing is submitted on its own: call-to-action buttons point to a link you replace (booking, payment, sign-up).
- 4 “#” links to replace with your own URLs (commented in the code).
- No CMS or admin panel: copy is edited directly in the .tsx files.
- Copy is in French only, with no translation system.
- No photos included: visuals are drawn in CSS/SVG. Add your own images if your business needs them.
- Fonts load from Google Fonts; self-host them if you want to avoid that third-party request (GDPR).
- No analytics or cookie banner: add them if you need them.
- Requires Node.js 18.18 or later (a Next.js 15 requirement).
- Reviews, counters and figures in the demo are examples: publishing them as-is would mislead your visitors.
Contents
What the page contains
A complete landing page (8 sections), ordered along the psychology of the buying decision — demo under the fictional brand “Le Contrepied”.
- 01Hero with pitch and email field
- 02What's inside every week (sections)
- 03A sample issue laid out like a real edition
- 04Author bio with SVG avatar
- 05Subscriber quotes with job titles
- 06Figures: subscribers, open rate
- 07Recent archives
- 08Short FAQ + final email CTA
Fit
This template is for you if…
- Substack/beehiiv authors who want a real home page
- Creators building their email audience
- Niche media that later sell sponsorships
Delivery
You receive
- The complete Next.js 15 project (App Router, Tailwind CSS v4, TypeScript)
- Every React component of the page, commented and clearly marked
- Customisation README: colours, copy, forms, Vercel deployment in 5 min
- Multi-project licence (your projects and your clients')
- Template updates included
Secure payment by Stripe · Apple Pay · Google Pay · One-time payment · Instant download
You pay → instant access + email → findable at any time (Find my purchases) · Questions: admin@tech-bharat.com
FAQ
Questions about this template
Compatible with Substack, beehiiv, ConvertKit?
Yes: the shipped form handles the confirmation state and connects to your tool's endpoint (comment in place). You can also simply point the button at your subscription page.
Can I change the contrarian tone of the demo?
Of course. The sections, sample issue and quotes are marked text blocks — the soft neo-brutalist style suits any assertive editorial positioning.
Are the archives dynamic?
They are static cards to edit (title + link to your published issues). Simple, with no API dependency.
Why a dedicated page rather than my Substack page?
Your domain, your SEO, your pixel, your design. The Substack page converts visitors who are already convinced; this one convinces the rest.
Related guides
Read before you buy
- Landing pages for email campaigns: extend the email, don't betray it
A subscriber who clicks in your email has already given you three things: their address, their attention and a precise interest signal — the link they chose. Sending them to the homepage or a generic page throws those three assets away and starts from zero. An email campaign's landing page is built on what you already know about the visitor.
- Landing page for a giveaway: rules, mechanics, and conversion rate
A giveaway run entirely through comments on an Instagram post captures entrants, not leads: once the draw is over, there's no email address, no consent record, no way to follow up with anyone. A dedicated landing page fixes this — provided it follows a precise legal framework and picks the right entry mechanic.
- Newsletter landing page: how to turn visitors into subscribers
The default sign-up page from your email tool asks one question: "want to subscribe?". A real landing page answers three others first: about what, how often, and why you rather than one more feed in an already full inbox.
- Landing page for a paid newsletter: converting free readers into paying subscribers
Charging for a newsletter isn't the same conversion as getting it read for free: the reader isn't discovering content anymore, they're giving up a comfortable status quo — free, no card required — for a recurring charge. The page structure that makes that leap feel obvious, not risky.
- Landing page pricing in 2026: how much does it really cost?
From €89 to €10,000, the price gap for a landing page is dizzying. A comparison table of the 4 options — freelancer, agency, page builder, template — and the factors that drive the bill up or down.
Need several pages?
The full bundle brings together all 10 templates for €229 (€890 if bought one by one) — ideal for agencies and freelancers.