Hero
Headline, supporting copy, and a primary action. One idea, stated clearly.
← Web Development
Web Development · Starter template
A reference build, not a blank page.
Every web project starts from the same modular foundation: shared tokens, a component library, and a set of proven page sections. This is what that looks like.
template.extend(brand)Next.jsReactTypeScriptTailwind CSSNode.jsPostgreSQLPrismaVercel
Page sections included
Feature grid
A bento of value props on a strict 12-column grid. Each tile is a node.
Proof
Logos, metrics, or testimonials — trust without decoration.
Pricing
Clear tiers with a single emphasized plan.
FAQ
Progressive disclosure for the long tail of questions.
Call to action
Repeat the primary action where intent peaks.
Tech stack
The tools every build ships on.
A typed, modern stack chosen for speed, maintainability, and a clean upgrade path. No churn for its own sake.
01
Next.js
App framework
02
React
UI library
03
TypeScript
Type safety
04
Tailwind CSS
Styling system
05
Node.js
Runtime / APIs
06
PostgreSQL
Relational data
07
Prisma
ORM / schema
08
Vercel
Deploy / edge
SEO & GEO
Built to be found — by search and AI.
Search Engine Optimization gets you ranked; Generative Engine Optimization gets you cited by AI assistants. We ship both on every project.
01
Structured metadata
Per-page titles, canonical URLs, and Open Graph / Twitter cards generated from a single source of truth.
02
Sitemaps & robots
Auto-generated sitemap.xml and robots.txt so crawlers index every node and skip what they shouldn't.
03
llms.txt for AI
A structured llms.txt feed so generative engines can read and cite your site accurately.
04
Performance signals
Core Web Vitals budgets, static rendering, and clean semantics — speed is a ranking factor.
Design tokens
A single source of truth for color, type, and spacing. Re-theme the whole template by changing these values.
--accent#047857Emerald brand accent--accent-strong#065f46Deep emerald — text & hover--foreground#111827Near-black text--background#ffffffClean white--radius0pxPrecision over decoration
Want this as your starting point?
We theme the template to your brand and build from there.