saas-starter

Next-JS-Landing-Page-Starter-Template

Name: Next-JS-Landing-Page-Starter-Template
Author: ixartz

🚀 Free NextJS Landing Page Template written in Tailwind CSS 3 and TypeScript ⚡️ Made with developer experience first: Next.js 14 + TypeScript + ESLint + Prettier + Husky + Lint-Staged + VSCode + Netlify + PostCSS + Tailwind CSS

2,141 stars716 forksTypeScriptUpdated 1/18/2026100% free · open source

What it does

This tool provides a pre-built NextJS landing page template with a set of development tools and best practices, allowing founders to quickly create a professional-looking SaaS landing page

When to use it

•You need a quick and easy way to create a SaaS landing page with a modern design
•You're already invested in the NextJS ecosystem and want a starter template to speed up development
•You want a template that comes with built-in support for best practices like TypeScript, ESLint, and Husky

Ready-to-paste prompt

Modify the `components/Hero.tsx` file to add a custom call-to-action button, and then run `npm run dev` to see the updated landing page

Heads up: Make sure you have Node.js 16 or higher installed, as the template uses features that are not compatible with earlier versions

Saves to your device

Use with Claude

New

Skip the builder — one click puts this in Claude, Cursor, Antigravity and more.

✅ Light setup

Installs with a command or two; your AI agent can do it for you.

Try it instantly — no install

Claude Code

mkdir -p ~/.claude/skills/next-js-landing-page-starter-template && curl -fsSL https://workflowstacks.com/api/skills/next-js-landing-page-starter-template/claude-skill -o ~/.claude/skills/next-js-landing-page-starter-template/SKILL.md

Open in another AI app

Opens the app with this repo with the prompt ready to go — no copy-paste needed.

Connect the whole catalog (MCP)

claude mcp add --transport http workflowstacks https://workflowstacks.com/api/mcp

Adds a WorkflowStacks connector to Claude Code: search and load any skill here by chatting.

Use with Claude

New

Skip the builder — one click puts this in Claude, Cursor, Antigravity and more.

✅ Light setup

Installs with a command or two; your AI agent can do it for you.

Try it instantly — no install

Claude Code

mkdir -p ~/.claude/skills/next-js-landing-page-starter-template && curl -fsSL https://workflowstacks.com/api/skills/next-js-landing-page-starter-template/claude-skill -o ~/.claude/skills/next-js-landing-page-starter-template/SKILL.md

Open in another AI app

Opens the app with this repo with the prompt ready to go — no copy-paste needed.

Connect the whole catalog (MCP)

claude mcp add --transport http workflowstacks https://workflowstacks.com/api/mcp

Adds a WorkflowStacks connector to Claude Code: search and load any skill here by chatting.

Quick Actions

Details

Creator

ixartz

Language

TypeScript