Kumar Sahil Forging Industries - A Modern Product Catalog and Marketing Website
A modern product catalog and marketing website for a forged components manufacturer - fast, searchable, and built to work without any server.
What Is This Project?
Kumar Sahil Forging Industries needed a proper online presence - a place where customers and buyers could browse their products, understand what the company does, and get in touch. This website is that presence.
It’s a product catalog and company website built entirely as a static site, meaning it loads fast, costs very little to run, and works reliably without any server or database behind it.
Kumar Sahil Forging Industries is not a real company - this project is a demonstration of how to build a modern, performant marketing website for a manufacturing business using React and Vite. The product data and company information are all fictional, but the site is fully functional and built with real technologies.
What Does It Do?
The website gives visitors everything they need to understand and engage with the company:
- Product Catalog - Browse all forged components organized by category. Each product has an image, a short description, and a stock status so buyers know what’s available right now.
- Search and Filter - Visitors can search for products by name or filter by category. No page reload needed - everything happens instantly in the browser.
- Company Information - An About page that tells the story of the company, what they manufacture, and why they’re a trusted supplier.
- ISO Certification Pages - Dedicated pages showcasing the company’s quality certifications, which matter a lot to industrial buyers and procurement teams.
- Contact Details - Clear, straightforward contact information so potential clients can reach out without any friction.
How Is It Built?
The entire website runs in the browser - there is no backend, no database, no server to maintain. All product data lives in the codebase itself, which keeps things simple and fast.
The one exception is the contact form. Right now it’s wired up on the frontend but not connected to any backend service - submissions are captured in the browser but not sent anywhere yet. The form is built so a backend API (email service, form handler, etc.) can be plugged in without any restructuring.
Here’s what powers it under the hood:
| Technology | What It Does |
|---|---|
| React 19 | Builds the interactive user interface |
| TypeScript | Catches errors early and keeps the code maintainable |
| Vite | Bundles and builds the site extremely fast |
| React Router | Handles moving between pages without full page reloads |
| Zustand | Manages search, filters, and pagination state cleanly |
| React Helmet Async | Sets proper page titles and SEO tags for every page |
| Cloudflare Pages | Hosts and delivers the site globally at no cost |
Performance and SEO
Since this is a marketing site, it needs to rank well on Google and load fast on any connection. Several deliberate choices were made here:
- Code splitting - Each page loads only the code it needs, so the initial load is as small as possible.
- Lazy image loading - Product images only load when they’re about to appear on screen, saving bandwidth.
- Automated sitemap - A
sitemap.xmlis generated automatically at build time, so search engines always have an up-to-date map of every page. - Open Graph and Twitter metadata - Every page has proper social sharing tags, so links look great when shared on WhatsApp, LinkedIn, or social media.
- Canonical URLs - Prevents duplicate content issues that can hurt search rankings.
Deployment
The site is connected to GitHub. Every time a change is pushed, Cloudflare Pages automatically rebuilds and redeploys the site within minutes. No manual steps, no servers to manage.
Push to GitHub → Cloudflare detects change → Auto build → Live in minutesWhy It Matters
For a manufacturing company, trust and discoverability are everything. This website:
- Gives the company a professional, fast-loading home on the internet
- Makes it easy for procurement teams and buyers to find and evaluate products
- Showcases ISO certifications that build credibility with industrial clients
- Requires zero ongoing server costs or maintenance overhead
- Scales to any amount of traffic without any configuration changes