Stage 01
Discovery and strategy
We run a discovery workshop, pull your current Search Console data, audit your competitors, and land on a site map and target keyword set before any design or code happens.
Next.js, Custom Next.js 15 website design and build
Premium Next.js websites, built to rank on day one.
RankSmith builds flagship Next.js 15 marketing sites for South African brands that refuse to compete on a WordPress stack. Every site is designed in code, built against the RankSmith performance budget, and handed over with a full schema graph, a hand written llms.txt, and a repository you own.
From R11 250 setup
The problem
Why do most agency websites fail Core Web Vitals on launch day?
Most agency builds start with a WordPress theme, add a page builder, and layer in tracking scripts until the site looks like what the client asked for. By launch day it is carrying 800 kilobytes of JavaScript, a 4 second LCP, and an INP that Google marks red. RankSmith starts from Next.js 15 with a performance budget written into the brief.
How RankSmith runs Next.js
A four stage method, repeated every engagement.
Stage 02
Design in code
We skip Figma for anything beyond brand exploration. Design happens directly in React and Tailwind so what you approve is what you ship. Every component is owned by you.
Stage 03
Build to budget
The build is held to the RankSmith performance budget from day one. LCP under 1.5 seconds, INP under 100 milliseconds, CLS under 0.05, and total home page JavaScript under 150 kilobytes gzipped.
Stage 04
Launch and handover
We ship on Vercel, migrate DNS, submit the sitemap, validate every schema block, and hand over a repository with full documentation. You can take the codebase anywhere.
What you get
Deliverables, written into the contract.
- Custom Next.js 15 codebase (App Router, TypeScript, Tailwind v4)
- shadcn/ui primitives and Framer Motion interactions
- Full Schema.org graph across every template
- Hand written robots.txt, sitemap, llms.txt, llms-full.txt
- Vercel deploy and DNS migration
- Full repository handover with documentation
Outcomes we target
The numbers this engagement is built to move.
- 01A production Next.js 15 site live in four to six weeks
- 02All four Core Web Vitals in the green on launch day
- 03Indexed by Google within 48 hours of launch
Next.js questions
What people ask about Next.js before they book a call.
These are the questions South African founders and marketing leads ask on a first Next.js call. The answers are written the way a RankSmith lead would answer them in person.
A RankSmith Next.js website is priced as a once off setup fee plus a monthly care retainer. The Starter tier is R11,250 setup plus R1,500 per month for a five page site. The Growth tier is R22,500 setup plus R3,500 per month for a ten page site with a blog. The Scale tier is R38,500 setup plus R6,500 per month for a flagship build with a full ranking programme.
Ready when you are
Ready to run Next.js with RankSmith?
Book a thirty minute strategy call. We will walk through your current site, your current visibility in Google and in AI engines, and where an honest Next.js programme can move the number first.