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 + Netl…

2,134 stars720 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.

How Next JS Landing Page Starter Template works

Codeflow

Free to inspect

Next JS Landing Page Starter Template is a small TypeScript project (~650 lines across 27 code files). Setup is light: installs like a normal app. Reading the code is optional. Last commit 8 months ago, MIT license, no tests found.

Size

Small codebase

~650 lines · 27 code files · 5 min skim

Setup

One-command install

Installs like a normal app. Reading the code is optional.

Runs on

Node.js

No API keys detected

TypeScript 91%JavaScript 8%Shell 1%

Where to start reading

1
README.md
Start here — what it does and how to install it
2
package.json
Dependencies and the commands it exposes
3
src/pages/index.tsx
Inside src/ — the main logic begins here

What's in each folder

src/Core code — the actual logic23 files

public/Images & static assets22 files

.vscode/Editor / agent settings4 files

.github/CI / automation (GitHub Actions)1 files

.husky/Tool / agent settings1 files

READMENo tests foundThin docsNo CIMIT licenseLast update 8 mo ago

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