Apiaria React is a honey shop React template, made for beekeepers and honey shops. It rebuilds the Apiaria design as a React 18 app with Vite. Every page is a function component, and React Router moves between all 30 pages without a reload.

The look and the content match the Apiaria demo. Underneath, the honey, course & shop logic runs in React state. That covers a batch trace that opens the apiary, hives and harvest of any jar and a price for every jar size, and the page updates the moment a visitor changes an option.

Three Home Pages As Components

• The Honey House – a hero slider of the honeys with their batch and apiary.
• The Apiary – a hero slider with the next beginners’ course, what are honeybees, Inside A Frame.
• The Honey Shop – a hero with the jars and their prices, shop by season.

Honey, Course & Shop Pages In React

• Honeys By Season – every honey by flower and season with a finder by season.
• Trace Your Jar – type the batch number from the lid in any spelling and see the honey.
• Gift Boxes – three boxes, a honey for every jar, extras.
• Our Apiaries – the four apiaries with their flowers, hives, honeys, courses and maps.
• Beekeeping Courses – seven courses on their own repeat rules at four places.
• Pollination Hire – hives an acre by crop, acres, bloom weeks and extra weeks.

Honey Shop React Template Features

• React 18 function components and hooks across 30 pages
• Vite for a fast dev server and an optimised production build
• React Router routes for every page, including the three home pages
• Cart, theme and language state shared through React Context
• Light and dark mode on one switch, remembered between visits
• Right-to-left layouts for every page
• Responsive from phones to wide screens
• Documentation for setup, structure and changes

Getting Started

First, install Node 18 or newer. Then run npm install and npm run dev to open the site locally. When it is ready, npm run build writes static files that any host can serve.

Looking for this honey shop React template in another stack? Apiaria also comes as HTML5, Vue, Angular and WordPress. You can get every format in the developer bundle at 20% off, or browse more Grocery & Organic React templates.

Built with React and Vite, with Open Sans and Nothing You Could Do from Google Fonts.