Next.js landing page templates built on the App Router
Every ASoc landing page template ships as a Next.js project you can clone and run — App Router, TypeScript and Tailwind CSS, with the whole marketing funnel already built: hero, feature sections, pricing tables, testimonials and an FAQ.
The sections are Server Components. A marketing page has very little that genuinely needs the browser, so only the interactive pieces — mobile navigation, an FAQ accordion, a carousel — are Client Components. Everything around them arrives as HTML.
Routes are static by default, so each page is prerendered at build time rather than assembled per request. That is what makes a marketing site fast without a caching layer bolted on afterwards.
Why start from the Next.js edition
App Router, not a Pages Router port
Built on the App Router's own conventions — co-located layouts, generateStaticParams for dynamic routes, the file-based metadata API — rather than a pages/ project with an app/ folder bolted on.
Server Components by default
Marketing sections render on the server and ship as HTML. Only the parts that actually respond to a click carry the client boundary, so the JavaScript you send is close to the interactivity you asked for.
Typed metadata, not hand-written head tags
Each route exports a typed metadata object, so titles, descriptions, canonicals and Open Graph tags are type-checked at build time instead of drifting inside a head partial nobody re-reads.
Static by default, runs anywhere Node does
Pages prerender at build time. Deploy to Vercel in a click, or to any Node host — nothing in the template is tied to a platform-specific runtime.
A complete funnel, not just a hero
Feature grids, pricing tables, testimonials and FAQs are included and wired together — not one hero section you have to build the rest of the page around.
Next.js landing page templates in ASoc
A real-estate marketing site — listings, agent profiles, and a home-valuation funnel.
Next.js
An AI chatbot / support SaaS landing page — live widget preview and a flow builder pitch.
Next.js
A finance-app marketing site — live dashboards, cashflow tracking, and 50+ integrations.
Next.js
A mortgage-lender marketing site — loan products, an eligibility checker, and a quote funnel.
Next.js
An automated-investing marketing site — goal-based portfolios and a 3-tier pricing page.
Next.js
A wealth-management marketing site — advisor-backed portfolios and a balance dashboard preview.
Next.js
A risk-management-software marketing site — a Risk Center preview and a comparison pricing table.
Next.js
A financial-platform marketing site — payments, invoicing, and a tabbed feature showcase.
Next.js
A forex-trading marketing site — a live-rates dashboard preview and a 3-tier pricing table.
Next.js
A DeFi-protocol marketing site — self-custody messaging and an on-chain 3D hero visual.
Next.js
A payments-platform marketing site — a transactions dashboard preview and a comparison pricing table.
Next.js
An AI-agency marketing site — services, industries, case studies, and a lead funnel.
Next.js
An AI-workspace SaaS site — feature toolkit, use cases, workflow, and tiered pricing.
Next.js
A security-suite site — malware, VPN, and identity protection with tiered plans.
Next.js
A cloud-software SaaS site — storage, automation, and analytics with tiered pricing.
Next.js
An app-development agency site — services, process, case studies, and project pricing.
Next.js
A no-code landing-page-builder site — drag-and-drop editor, 300+ templates, AI copy.
Next.js
An AI website-builder SaaS marketing site — how-it-works, integrations, and 3-tier pricing.
Next.js
An AI CRM marketing site — pipeline preview, feature blocks, and a 3-tier pricing table.
Next.js
A product-analytics SaaS marketing site — services, a setup process, team and blog sections.
Next.js
An SEO-audit SaaS marketing site — capabilities, pricing, done-for-you services, and FAQ.
Next.js
A social-media-management SaaS marketing site — services, results stats, and a journal.
Next.js
A lead-capture SaaS marketing site — channel insights, capabilities, and testimonials.
Next.js
A property-management SaaS marketing site — features, use-case sectors, and a journal.
Next.js
A modern, lightweight blog template for makers — featured post, story feed, and sidebar.
Next.js
A personal portfolio site for designers & developers — services, resume, and filtered work.
Next.js
A designer's portfolio & studio site — selected work, services, and a booking funnel.
Next.js
A traditional-barbershop site — services, price list, team, booking and a grooming shop.
Next.js
An AI-consulting agency landing page — services, pricing, projects and case results.
Next.js
An AI image-generator landing page — prompt hero, capabilities and a how-it-works flow.
Next.js
An AI voice-generator landing page — voice samples, 170+ languages and pricing tiers.
Next.js
A blog, news & magazine template — editor's picks, galleries, video and audio feeds.
Next.js
A science-lab services site — analytical capabilities, research projects, and pricing.
Next.js
An AI copywriting SaaS marketing site — features, integrations, templates, and pricing.
Next.js
An AI cyber-security platform marketing site — features, integrations, and a demo funnel.
Next.js
An AI-automation agency marketing site — service grid, delivery process, and 3-tier pricing.
Next.js
An AI keyword-research SaaS landing page — benefit grid, use cases, and 2-tier pricing.
Next.js
An AI-led growth-marketing studio site — six services, case studies, and partner badges.
Next.js
A product-designer résumé & portfolio site — single-page app with work, resume, and contact.
Next.js
A dark-theme games-storefront landing page — deals, top sellers, and platform rows.
Next.js
A neural-networks AI-platform marketing site — six capabilities and 3-tier pricing.
Next.js
An AI marketing-solutions site — image-AI services, projects, team, and achievements.
Next.js
A neural-networks AI-consultancy landing page — four services, FAQ, and project-based pricing.
Next.js
An AI-voiceover marketing site — voice synthesis, cloning, and a 3-tier pricing page.
Next.js
An AI-consulting agency marketing site — services, case studies, and a contact funnel.
Next.js
An AI-app marketing site — capability showcase, mobile-app section, and a projects portfolio.
Next.js
An AI support-chatbot marketing site — live widget preview, feature grid, and 2-tier pricing.
Next.js
An applied-AI agency marketing site — control-room dashboard, integrations, and team profiles.
Next.js
A neural-network startup marketing site — RPA capabilities, an NN explainer, and 2-tier pricing.
Next.js
An online-banking marketing site — a cash-overview dashboard mock and a 3-tier pricing page.
Next.js
A smart-apps SaaS marketing site — dashboard mock, solutions grid, and an app-download section.
Next.js
Frequently asked questions
Are the pages static or server-rendered?
Static by default — every route prerenders at build time. Nothing on a marketing page needs per-request rendering, so nothing pays for it.
How much of the template is client-side JavaScript?
Only the interactive parts — mobile navigation, accordions, carousels. The rest are Server Components and ship as HTML with no hydration attached.
Which Next.js version does the template use?
Each template's package.json pins the exact version it ships with, and the code follows the current App Router conventions rather than a legacy Pages Router layout.
Can I use a different framework?
Today every ASoc landing page template ships a Next.js edition. The admin templates already ship React, Vue and Angular editions, and more framework editions land as they become available.
Do I need Vercel to deploy?
No. These are standard Next.js projects and run on any host that runs Node. Vercel is the quickest path, not a requirement.