Development Skill
Angular Migration
Migrate from AngularJS to Angular using hybrid mode, incremental component rewriting, and…
$15
Next.js Client Template
Set up a new Next.js client website from scratch, scaffold a project structure, or follow the…
A standardized, data-driven Next.js project template that takes a new client website from zero to first deploy in under four hours. Every page pulls content from typed data files instead of hardcoded strings, and SEO infrastructure: sitemap, robots, JSON-LD, OG images, metadata, ships in the very first commit. Stop re-deciding architecture per project and apply one proven, repeatable blueprint.
$15 one-time
Add to a kit → Prices include 20% VAT. · Forged on real agency work · one-time, no lock-in
- Type Skill
- Category Development
- Delivery Email · instant
- License One-time
Inside the run · no black box
See the actual work before you buy it.
This is the 8-step scaffold the skill runs for every new client site, from empty repo to smoke-tested deploy. No improvised architecture, the same proven template every time:
- Verify the inputs before touching code: business name, sector, apex domain, contact details, brand assets, plus scope questions (pSEO matrix needed, blog, multilingual, Google Ads tracking)
- Create the private GitHub repo and scaffold Next.js with TypeScript, Tailwind, App Router and src directory, then add the utility dependencies
- Build the data layer first: site.ts (name, domain, contact, social, GA4 ID), services.ts, pages.ts and navigation.ts, all typed with interfaces so components stay free of hardcoded strings
- Create the base pages (layout with Header and Footer, home with Hero plus ServiceGrid plus CTA, about, contact) together with sitemap.ts, robots.ts and the OG image generator, included by default, never added later
- Wire analytics: GoogleAnalytics component into the layout, GA4 ID through env vars with the NEXT_PUBLIC prefix, and the Ads conversion component when the client runs campaigns
- Deploy to Vercel, bind the apex domain (no www), then run the smoke checklist: sitemap and robots reachable, meta tags correct, GA4 realtime flowing, mobile responsive, 404 page working
One power source. 6 lines out.
nextjs-client-template · core
core active · 6 lines
- ✓ scaffolding a brand-new
Scaffolding a brand-new client marketing site
- ✓ standardizing project st…
Standardizing project structure across an agency's portfolio
- ✓ setting up data-driven c…
Setting up data-driven content (services, cities, pricing, FAQ)
- ✓ wiring ga4 and google ads
Wiring GA4 and Google Ads conversion tracking from day one
- ✓ preparing pseo (district
Preparing pSEO (district × service) URL architecture
- ✓ onboarding new developers
Onboarding new developers onto a consistent codebase
Yours to keep.
Drag time forward. Watch what stays.
Forever
That's what owning means.
The rented stack
ai writing tool: subscription
expired · access lostanalytics suite: subscription
expired · access lostdesign platform: subscription
expired · access lost(nothing left)
Your forge
-
Roughly 40 hours saved per project by skipping architecture decisions
license: perpetual -
SEO live on first deploy instead of bolted on later
license: perpetual -
Content edits without touching component code (single source of truth)
license: perpetual -
Build-time type safety that catches errors before runtime
license: perpetual
subscriptions expire · deeds don't
Everything in the box.
Pick a piece up. Watch it work.
Complete directory blueprint (app, components, data, lib) with file conventions
6 parts · one working system · ships instantly by email
This wasn't forged for everyone.
- Not for you if you'd rather rent a tool than own one.
- Not for you if you want someone else to run your stack.
- Not for you if you're happy guessing.
For agencies and freelancers who build many client websites and want a repeatable, SEO-first scaffold that ships fast.
then this was forged for you.Works with
Universal by design: these run in any AI. Delivered in the open Agent Skills + MCP format (native in Claude); ChatGPT, Gemini, Cursor and Copilot adapt the same files their own way.
- Claude Native format
- ChatGPT Adapts via open standards
- Gemini Adapts via open standards
- Cursor Adapts via open standards
- Copilot Adapts via open standards
Catch what's on your mind.
the air is clear. nothing between you and the forge.
catch a spark: the forge will answer
-
Is this only for marketing sites, or can I scaffold a web app with it?
It's purpose-built for client marketing sites: the typed data model revolves around services, cities, pricing, and FAQ content, and the URL architecture is prepared for district-times-service pSEO pages. An app with dashboards and user accounts needs a different skeleton.
-
What does data-driven content mean in practice when I need to change a price?
Every page reads from typed data files instead of hardcoded strings, so a price change is an edit to one data file, no component code touched. Because the types are checked at build time, a malformed entry fails the build instead of shipping broken to production.
-
Does it come with a CMS my client can log into?
No. Content lives in typed data files inside the repo, so edits are commits made by whoever maintains the code. If a client needs self-serve editing, wiring a CMS on top is an extra project, deliberately left out to keep the four-hour scaffold honest.
-
How is it delivered?
By email right after purchase: ready to run, downloaded instantly, no setup wait.
-
One-time or subscription?
A one-time purchase; no subscription or hidden fees. VAT (20%) is included.
-
Can I get a refund?
As a digital product, it can’t be refunded once downloaded. That’s why we show exactly what’s inside and who it’s for, right here.