seo-landing-pages-nextjs

Render your SEO landing pages in a Next.js app (App Router). The pages are generated and hosted for you; this package fetches and renders them on the server, with full control over styling.

Quick start

npm install seo-landing-pages-nextjs
npx seo-landing-pages-nextjs init --key pg_your_key_here

Your key and the exact command for your site are in your dashboard. init writes .env.local and creates three files under app/content/:

• [...slug]/page.tsx, the page component
• [...slug]/layout.tsx, a minimal layout wrapper
• sitemap.xml/route.ts, the sitemap

Set SEO_PAGES_DOMAIN in .env.local and in your hosting provider before you deploy. Without it the sitemap route returns a 500 and canonical URLs have no host.

Configuration

| Variable | Required | Default | Description | |---|---|---|---| | SEO_PAGES_KEY | Yes | none | Your key (starts with pg_) | | SEO_PAGES_BASE_PATH | No | /content | URL prefix for your pages | | SEO_PAGES_DOMAIN | For sitemap and canonical URLs | none | Your site's public URL, e.g. https://example.com | | SEO_PAGES_TRACKING_ID | No | none | Enables page-view analytics | | SEO_PAGES_HOST | No | none | Host that serves your page files and the tracking pixel. init --host <url> writes it | | SEO_PAGES_REVALIDATE | No | 3600 | Cache revalidation interval in seconds |

To serve pages under another path, pass it at scaffold time: npx seo-landing-pages-nextjs init --base-path /guides. Changing the variable later does not move the generated files.

Customization

The generated page.tsx is yours to edit. Every element has a class (.pg-*, .lc-*) you can style, and SeoLandingBackToTop, generateMetadata and the fetch helpers are exported for your own markup.