---
title: "Zunoy Webapp Template — case study by Srikanth V"
description: "Created the internal boilerplate used to bootstrap every new Zunoy product webapp — pre-wired with the design system, auth, and a multi-environment build pipeline — so new products start from a consistent, production-ready base instead of from scratch."
url: "https://iamsrikanth.com/projects/zunoy-webapp-template"
role: "Senior Frontend Engineer"
stack: "Next.js, Redux Toolkit, Tailwind CSS"
live: "https://zunoy.com"
updated: "2026-07-16"
---

# Zunoy Webapp Template

> Created the internal boilerplate used to bootstrap every new Zunoy product webapp — pre-wired with the design system, auth, and a multi-environment build pipeline — so new products start from a consistent, production-ready base instead of from scratch.

- Role: Senior Frontend Engineer
- Stack: Next.js, Redux Toolkit, Tailwind CSS
- Live site: https://zunoy.com
- Built by: Srikanth V (https://iamsrikanth.com/)

## The problem
Every new Zunoy product was starting from scratch — re-wiring auth, layout, environment config, and the design system each time, with inconsistent results.

## What I built
A Next.js starter template pre-wired with:

- Redux Toolkit and Tailwind CSS set up and ready to extend.
- Zunoy's internal packages (design system, component kit, rich-text editor, web utils) already integrated.
- **Multi-environment build pipeline** — `dev`/`staging`/`prod` scripts that swap environment files automatically, so each product ships against the right API without manual config.

## Outcome
Now the standard scaffold for every new Zunoy webapp — AppShare, Bug Tracker, the HRMS employee portal, and others were all bootstrapped from it, giving every product a consistent, production-ready starting point.