Web Application

Serendipity Farm Group Website

Serendipity Farm Group • 2025

The platform successfully bridges traditional farming with modern digital commerce, creating an accessible way for customers to connect with locally-sourced products and services. All data is persisted in a PostgreSQL database using Prisma ORM, with the entire application containerized using Docker for consistent deployment across environments. The responsive, mobile-first design ensures an excellent user experience across all devices, while the admin dashboard provides real-time order tracking and customer management capabilities.

Visit live site
Serendipity Farm Group Website - Hero section, main banner image

The Challenge

Serendipity Farm V2 is a comprehensive digital platform built for Serendipity Farm Group, a multi-faceted agricultural business. This modern full-stack web application showcases their diverse offerings including fresh produce sales, accommodation bookings, and solar inverter solutions.

!

Handling shopping cart state across multiple components and pages

!

Creating unique, human-readable order identifiers

!

Seamlessly integrating Clerk with custom user data

!

Optimizing queries for order history and admin dashboard

!

Ensuring order confirmation emails are sent successfully

Our Solution

Built with Next.js 15 and React 19, the platform provides a seamless e-commerce experience for customers to browse and purchase farm-fresh produce, book accommodation at two guest house properties, and learn about professional solar installation services. The application features a fully-functional online shop with shopping cart management, secure user authentication via Clerk, order processing with email notifications, and a comprehensive admin dashboard for business operations.

•

Implemented React Context API for centralized cart management

•

Developed custom order number generator with timestamp-based prefixes

•

Used Clerk webhooks to sync user data with PostgreSQL database

•

Added strategic indexes on frequently queried fields (user_id, clerk_user_id, status)

•

Implemented error handling and retry logic with Nodemailer

Results Achieved

Built
a production-ready e-commerce platform with shopping cart and order management
Implemented
secure user authentication and authorization using Clerk
Created
an admin dashboard for order tracking and customer management
Developed
a responsive, mobile-first design with modern UI/UX principles
Established
robust database architecture with Prisma ORM and PostgreSQL
Containerized
application with Docker for consistent deployment environments
Integrated
email notifications for order confirmations using Nodemailer
Implemented
comprehensive error handling and validation
Established
proper project structure with clear separation of concerns

Project Gallery

Explore the key features and design elements of this project

Serendipity Farm Group Website - Hero section, main banner image

Hero

Hero section, main banner image

1920 × 91243.15 KB
Serendipity Farm Group Website - Hero section, main banner image

Hero.Webp

Hero section, main banner image

1920 × 91250.31 KB

Technologies Used

Next.js badgeReact badgeTailwind CSS badgeJavaScript/JSX badgePrisma badgePostgreSQL badgeClerk badgeNodemailer badgeDocker badgeDocker Compose badgeESLint badgeGit badge

Ready to Transform Your Business?

Let's discuss how we can help you achieve similar results with a solution tailored to your specific needs.

Start Your ProjectView More Case Studies