Skip to content

Next.js in Christchurch

Next.js development for Christchurch agribusiness and property

A Next.js development company working with Christchurch agribusiness, property and construction firms. Maps, which are the one component heavy enough to need justifying.

Working day overlap
Close to none. About ten hours ahead of Ankara, so your afternoon is our early morning at best
Who buys here
Agribusiness and agritech, property and construction, insurance and claims businesses, and manufacturing across the South Island
What that changes
The data is about locations, so a map is the obvious interface and also the heaviest component anybody will put on the page
Local specifics
Rural users are a real share of the audience, and a map library is the worst thing to send to a slow connection

Christchurch businesses deal in places. A farm, a block, a listing, a claim, a site, a delivery route - the data is about locations, which makes a map the obvious interface and the heaviest thing anybody will add to a page.

That makes it the clearest example on any of these city pages of a component that has to justify itself. A map library, its tiles and its data routinely weigh more than everything else on a page combined, and it is frequently added because the design showed one rather than because the visitor needs to interact with it.

The question is panning, not showing

Almost every map on a website falls into one of two categories, and conflating them is what makes these sites slow.

Showing where something is needs a picture. One location, a marker, enough surrounding context to orient somebody - that is an image, it can be generated on the server, it arrives instantly and it works on any connection.

Exploring an area needs a map. Somebody dragging across a region looking at what is available, filtering as they go, needs the real thing with tiles and interaction.

A listing page is the first case. A search page is the second. Building both as the second means every page pays the cost of the hardest one, which on a Christchurch property or agribusiness site is most of the page weight for most of the visitors.

Rural connections make the choice for you

A real share of the South Island audience is on rural broadband or a mobile connection well outside a city, and a map library is close to the worst payload to send over one.

It is large, it blocks, and it tends to leave an empty rectangle rather than degrading into something useful. So a page built around an interactive map is a page that shows nothing for several seconds to exactly the users most likely to be looking for a rural property.

Static images, properly sized for the device, with the interactive version loaded only when somebody asks for it, turns that into a page that renders immediately everywhere. On this audience that single decision is worth more than every other performance improvement available.

Making it interactive on demand

The pattern is unremarkable once stated. The page renders a server-generated map image with the marker in place. If the visitor clicks or taps it, the interactive map loads and replaces it, centred where the image was.

Most visitors never trigger it, so most visitors never download it. The ones who want to explore get the full thing one interaction later, which is a wait they have asked for rather than one imposed on them.

That is the general shape of every decision about where the client boundary sits, and a map is the component where the cost is large enough that the reasoning is impossible to argue with.

The country-level ground for New Zealand - the privacy regime, data residency expectations, invoicing - is on the New Zealand market page.

Commercially

Scope fixed in writing before work starts, priced per project.

Invoiced by Codefacture Yazılım A.Ş. in Türkiye, in US dollars by bank transfer, with no Turkish VAT because exported services are exempt.

The regulatory and commercial ground for this city is on the New Zealand market page.

Frequently asked questions

Our Christchurch property site needs maps on every listing. Is that a performance problem?
An interactive map is usually the single largest dependency on a page - the library, the tiles and the data together often exceed everything else combined. The question worth asking per page is whether the visitor needs to pan and zoom or whether they need to see where something is. For the second case a static map image is a fraction of the weight, renders instantly and works on any connection. The interactive version then loads when somebody actually interacts with it.
How do you decide between a static image and an interactive map?
By what the page is for. A listing page showing one location needs an image. A search page where somebody is exploring an area needs a real map. A dashboard plotting hundreds of points needs a real map and probably clustering. The mistake is using an interactive map everywhere because the design showed one, which means every page carries the cost of the hardest case.
Our users are rural with slow connections. Does that change the approach?
It sharpens it. A map library plus tiles is the worst thing to send over a slow link, and it is also the component most likely to leave the page blank while it loads rather than degrading. Static images, images sized for the device, and loading the interactive version only on interaction turn a page that was unusable on rural broadband into one that works. That is a more valuable improvement than anything else on the page.
Can a map be rendered on the server?
The visual part can, which is what makes the static approach work - a map image generated server-side with the marker already on it arrives as an image rather than as code. What cannot be server-rendered is the interaction, so the honest design is a server-rendered image that becomes interactive when somebody asks. It is the same decision as any other client boundary, with a much larger number attached to getting it wrong.
Call us+1 848 272 7583WhatsApp+90 850 308 5436Emailinfo@codefacture.comContact page