Modern JS development, built ahead of time

If speed, security, and low upkeep are what you want from a build, this is the stack for it. We take the signed-off design and build it on Astro or Next.js, with content in Payload CMS: assembled from clean components, compiled into pages ahead of time, and served as static files, so the site is fast on every visit and has very little that can break or be broken into. We’re a small studio in north Norfolk, a short drive from Norwich, working as Astro and Next.js developers for businesses there and across the UK. What each shape starts at is on the web design page; quotes are fixed in writing.

What we mean by it

Assembled from clean parts, built into a fast site.

A modern build is put together differently from a traditional website. Instead of one large system generating each page from a database every time someone visits, the site is built from small, self-contained components, then compiled into finished pages ahead of time. A few ideas worth knowing, in plain terms:

Components

The site is built from reusable, self-contained pieces: a header, a card, a gallery, a contact block. A change to one doesn't ripple unpredictably through everything else.

Static output

Pages are generated once, at build time, and served as plain files. There's no database query on each visit and no waiting for a server to assemble the page.

Islands of interactivity

Where part of a page needs to be interactive, a booking widget, a filter, a calculator, that part runs as a self-contained island while the rest of the page stays static and fast.

Payload CMS as the content layer

Your content lives in Payload, set up with only the fields and content types your site uses. The build reads from Payload and compiles the site.

How we work

An engineering process, applied to a website

A few things that shape every modern build at BrainWeb.

Version control, with a preview of every change

Every build lives in Git from the first commit. Work happens on feature branches, and every change gets a preview deployment you can look at in context before it goes anywhere near the live site. Nothing reaches the public without being seen first.

Static-first, with server rendering only when justified

Most pages are generated as static files, because that's faster and safer. Server rendering is used deliberately, only where a page needs it, such as a personalised area or live data, and the reason is documented rather than assumed.

A content model shaped around your content

Payload CMS is configured for your site specifically: the exact content types and fields you need, nothing spare. Adding a blog post, a team member, or a case study later feels obvious, because the editor mirrors how the site is structured.

Islands of interactivity, used sparingly

Interactive components are added only where a section benefits, and built so the rest of the page stays static and quick. Interactivity everywhere is how modern sites quietly get slow, so we add it only where a section earns it.

Performance held to a budget

Fast by default isn't the same as fast forever. We work to performance budgets, optimise images, keep the code that ships to the browser lean, and self-host fonts and icons rather than pulling them from third-party servers. The speed is engineered, not hoped for.

Deployed through an automated pipeline

When a change is approved and merged, the site rebuilds and deploys itself to Firebase automatically. No manual file uploads, no 'it worked on my machine', no risky launch-day scramble.

AI code review before launch

Before launch, the whole codebase is read by a frontier AI model for security weaknesses and bugs a human review can miss; what it finds, we fix.

Build shapes

Three typical shapes, from lightest to most self-serve.

The engineering is the same across all three; what changes is how much of the site you edit yourself and how much server-side work it needs. The initial conversation settles which fits.

Text-managed modern site

The lightest build: Astro or Next.js with content managed as text files we update for you, or that you edit with a little guidance. Right for sites that change a few times a year.

AstroLightest build

Modern JS site with Payload CMS

The typical modern build: Astro or Next.js, content in Payload CMS, mostly static, served worldwide from Google's network. The right shape for content-led sites, professional services, hospitality, charities, and most SME work. Interactive islands added where a section needs them.

Astro · Next.jsPayload

Web app or server-rendered site

For projects that need real server-side logic: user accounts, dynamic or live data, or custom application behaviour. Built on Next.js or a similar framework, with Payload or a custom backend. The heavier end of this shades into custom development, and the first conversation settles which page your project belongs on.

Next.jsSSRCustom backend

What's included

What's in every modern build.

Every modern build includes everything below, inside the fixed quote.

  • A fixed written quote before any build work begins; the number we agree is the number you pay
  • Built to the signed-off design, checked page by page against it
  • An Astro or Next.js build, assembled from clean, version-controlled components
  • Payload CMS configured around your site's actual content
  • Mobile-responsive build, tested across modern browsers and devices
  • Performance optimisation: static generation, image handling, lean bundles, and Core Web Vitals tuning
  • Accessibility carried through the build, with WCAG 2.1 AA basics handled by default
  • AI-assisted code review before launch, with what it finds fixed by us
  • GDPR-compliant forms and consent, with privacy-first analytics on Umami as standard
  • SEO foundations: meta tags, sitemap, schema, and clean URLs, readable by modern AI search agents
  • Security headers and secure configuration through the build; SSL and the serving side are covered by the hosting
  • An automated deployment pipeline, so updates go live cleanly
  • A short training session on the Payload editor at handover
  • A couple of hours of post-launch tweaks for the small things that always come up
  • One year of Firebase hosting; the Host page has the detail
  • Direct access to the maker, throughout the project and for as long as you're a client
The basics, in every build
WCAG 2.1 AAGDPRCore Web VitalsSSLSecurity headersGlobal CDNCross-browser testedAI-readable

Every modern site we build meets these as standard. Some are obvious, some less so, all of them matter.

Recent Work

A few recent modern builds.

Recent builds from the studio, including this site: Astro with Payload CMS, hosted the same way we host for clients.
View all modern projects

What it costs

What does a modern build cost?

It depends on the shape: a text-managed site, a Payload CMS site, and a web app each start at a different point, and the web design page puts the starting prices side by side. The quote is fixed in writing before work begins, and the first year of Firebase hosting is part of the project; what hosting costs after that is on the hosting page.

After launch

Less to maintain, by design.

One of the quieter advantages of a modern build shows up after launch. There's no PHP runtime to patch, no plugins to keep updated, no database to back up and worry about. The attack surface is small by design, and the site mostly just runs.

It still needs hosting, and the first year on Firebase is included with every build: served from Google's global network, fast for visitors anywhere, with deployment and configuration handled by us. What it costs after the first year is on the hosting page, and it's less than managed WordPress hosting, because there's less to manage.

The other options

Modern JS isn't the only way we build.

Two other build paths sit alongside Modern JS Development. If you've not settled on a platform yet, the Build overview has a comparison to help you choose.

Ready to talk about a modern build?

The first conversation costs nothing and commits you to nothing. Tell us about your project and what the site has to do, and we’ll come back with a view on whether the modern stack fits and what the build would cost.

Get Started
5.0 on Google · 15+ years at the craft · Smallburgh, Norfolk