Some clients don't want a framework. They don't want a build step. They don't want a node_modules folder, a dev server, or a terminal they have to understand. They want a page.
For those clients, the Modern Landing Page template in scaffoldx-cli is the one I reach for. It's the template that says: "here's a responsive, modern landing page, no build step, no framework, no setup. Open the file, edit the text, ship it."
This post is about that template, and about the underrated art of matching the tool to the client's tolerance for complexity.
What the template ships
The generated project is deliberately small:
- One HTML file — semantic structure, a header, a hero, a features section, a CTA, a footer. Modern reset CSS, no framework, no CDN dependencies (the CSS is inline, so the page works offline and has no third-party requests).
- Responsive by construction — the layout is mobile-first with a few breakpoints; it looks right on a phone before it looks right on a desktop, because that's the order most visitors will actually see it.
- A CTA section that's actually wired — the call-to-action button links to a mailto or a form placeholder, so the page has a conversion path from the first render, not after the client asks "where does the button go?"
- A gradient hero — the visual hook is there by default, so the page doesn't look like a wireframe. The client sees a page, not a skeleton.
The whole thing is a handful of files you can open in any text editor. No npm install, no dev server, no build. Double-click index.html and it's there.
Why "no build step" is a feature for this client
The client who hates setup isn't being irrational — they're telling you their constraint. For them, every build step is a failure mode:
-
A build step is a dependency on my machine. If I have to run
npm run buildand my Node version is wrong, the page doesn't ship. No build step means the deliverable is files, and files don't have a Node version. - A build step is a maintenance burden I'll inherit. Every framework I add is something I'll have to understand when I want to change the button color in six months. No framework means the "change the button color" edit is a CSS value, and I can find it in ten seconds.
- A build step is a trust barrier. Many of these clients will hand the site to someone else (a junior, an agency, a VA) for maintenance. The simpler the stack, the more maintainable it is by a stranger.
The landing page template is designed for exactly this maintenance profile: the next person to touch it needs to understand HTML and CSS, and that's it.
When NOT to use it
Honest limits, because "no build step" isn't always right:
- The page will grow into an app. If the client's "landing page" is actually the front door to a product with auth, state, and API calls, a framework is the right start. The landing template's simplicity is an asset for a page and a liability for an app.
- The design is complex. Heavy animation, a complex component system, or a design system the client will extend — that's framework territory. The template's inline CSS is great for a page and a pain for a design system.
- The team is a web team. If the maintainers are professional frontenders who live in a framework, the no-build template is a step backward for them. Match the tool to the maintainers, not just the client.
For the client who wants a page and will maintain it (or hand it to someone who will), the no-build template is the professional choice — not the lazy one. It's the choice that matches the deliverable to the actual maintenance reality.
The practical flow
npx scaffoldx-cli
# choose: Modern Landing Page
# name it
The output is a directory with index.html and a small styles.css. Open index.html in a browser — the page is there, responsive, with the CTA wired. Edit the text in the HTML, the colors in the CSS, and you're done. No terminal required after the one npx command.
That's the whole pitch: one command, zero setup, a page that works and is maintainable by the person who'll actually maintain it. For the right client, that's not a compromise — it's the deliverable.
npx scaffoldx-cli
More Tools
| Tool | What it does | Command |
|---|---|---|
| scaffoldx-cli | Production-ready project templates in seconds | npx scaffoldx-cli |
| dotguard | Scan .env files for exposed secrets | npx @wuchunjie/dotguard |
| gitpulse | Git repo analytics in your terminal | npx @wuchunjie/gitpulse |
| snippetx | Terminal code snippet manager | npx @wuchunjie/snippetx |
If these save you time, consider buying me a coffee. All tools are MIT-licensed, zero-dependency, and run fully offline.
Top comments (0)