Skip to main contentSkip to footer

Full Stack Development

ANZ Pharma

ANZ Pharma is an Auckland wholesale distributor of pharmaceutical, healthcare, wellness, beauty, and FMCG brands, supplying pharmacies, supermarkets, and retailers across New Zealand. We built its website in Next.js as the public face of a business that has moved to wholesale-only trading: a searchable brand directory with a page for each brand, a partner enquiry form handled on the server, and direct routes into its BigCommerce wholesale store for trade customers.

Country

New Zealand

Type of work

Next.js website build

Project story

The Challenge

A website for a distributor that went wholesale-only

ANZ Pharma moved to wholesale-only trading, so its website had to speak to brands and trade buyers rather than shoppers, and send each of them to the right place.

  • 1Telling former retail customers that the business is now wholesale-only, without losing them
  • 2Presenting freight, warehousing, distribution, and support services as one end-to-end offer
  • 3Showcasing the brands it distributes, each with a page of its own
  • 4Turning interest from brands and retailers into partner enquiries the sales team can act on
  • 5Giving existing trade customers a quick route into the wholesale ordering store
  • 6Handling admin tasks such as credit claims without building them into the site
  • 7Keeping the site fast and easy for search engines to crawl

Our Approach

A focused Next.js site that routes every visitor

We built the site on the Next.js App Router, kept it lean, and connected it to the services the business already runs on instead of rebuilding them.

  • Next.js App Router

    A Next.js 16 site on the App Router with Tailwind CSS, optimized self-hosted fonts, clean trailing-slash URLs, an XML sitemap, and a robots file.

  • Searchable Brand Directory

    A brands page that filters as you type, and a page for every brand with an overview, the brand story, and a product and packaging gallery.

  • Server-Side Partner Enquiries

    A partner enquiry form submitted through a Next.js Server Action, with required fields and a hidden honeypot field to catch spam bots, next to an interactive Google Map.

  • Wholesale Store Hand-Off

    My Account links that take trade customers straight into the BigCommerce wholesale store, plus a site-wide notice explaining the move to wholesale-only trading.

  • Capability Story

    Homepage sections for freight, warehousing and distribution, and support services, the teams behind them, and rotating hero images from the warehouse.

Technology

Technology stack

The stack behind anzpharma.co.nz.

  • FrameworkNext.js 16 (App Router)
  • UIReact
  • StylingTailwind CSS
  • FormsNext.js Server Actions
  • MapsGoogle Maps Platform
  • Servernginx on Ubuntu
  • Wholesale StoreBigCommerce

Key Features

What the site does

  • Brand Search

    Search the brand directory and see results update as you type.

  • Brand Pages

    A dedicated page for each distributed brand, with an overview, brand story, and product gallery.

  • Partner Enquiries

    A form for brands and retailers that captures contact details, company, order number, and questions.

  • Spam Protection

    A hidden honeypot field that filters out automated form submissions.

  • Wholesale Account Access

    My Account links into the BigCommerce wholesale store for trade customers.

  • Wholesale-Only Notice

    A scrolling site-wide banner explaining the move to wholesale-only trading and an upcoming consumer store.

  • Credit Claims

    Credit claims handled through a linked online form.

  • Interactive Map

    A Google Map on the contact page alongside the address, email, and phone number.

Integrations

Integrated services

  • BigCommerce

    Wholesale store and trade customer accounts.

  • Smartsheet

    Online credit claim form.

  • Google Maps Platform

    Interactive map with the Places library on the contact page.

  • Google Analytics

    Traffic analytics through Google Tag Manager.

Let’s build

Have a project like ANZ Pharma?

ANZ Pharma: Next.js Wholesale Website Case Study | MagikCoder