FarmCare Bioscience
Veterinary-pharma site, fully statically generated
The website for FarmCare Bioscience, an ISO 9001:2015 veterinary pharmaceutical company (India 500 Startup Award, 2019). Built with Next.js App Router as a fully static export: 13 product-detail pages statically generated from a single data file, with a client-side searchable catalog.
The Problem
A veterinary pharma company needed a fast, credible product showcase that could be hosted for pennies and updated by editing one file, no CMS, no server.
The Solution
Next.js 15 App Router in full SSG mode: every product page is statically generated from lib/products.js at build time, giving CMS-like ergonomics (add an object, get a page) with static-file performance. A client-side search/filter component covers the catalog, and scroll-reveal/counter components add polish without an animation dependency.
Architecture
- Next.js 15 App Router + React 19, full static export (SSG) deployed on Firebase Hosting
- 13 product-detail routes generated at build time from one products data file
- Client-side catalog search/filter as an island in otherwise-static pages
- Tailwind CSS v4 with shared scroll-reveal and count-up components
Challenges & How I Solved Them
CMS ergonomics without a CMS
generateStaticParams over a products file means adding a product is a one-object edit that produces a full SEO-ready page at the next build: the entire content workflow is a pull request.
My Contributions
- Entire site: SSG architecture, catalog, product pages, deployment
Impact
- Live at farmcarevet.in, 13 SEO-ready product pages from a single data file
- Static-file hosting economics with dynamic-feeling catalog UX
Lessons Learned
SSG is the sweet spot for catalog sites: the client gets page-per-product SEO, the budget gets static hosting, and the developer gets a build step instead of a server.