Project Details
Business
BuildCore Construction
construction-fullstack.vercel.app
BuildCore Construction is a full-stack web application for a construction company. It combines a polished, responsive public website with a role-based admin dashboard so the business can manage services, projects, blog posts, team members, certifications, media, contact inquiries, and quote requests from one place. The public experience uses a consistent premium design system (shared heroes, motion, dark/light theme) wired to real database content with graceful demo fallbacks when the DB is unavailable. On the backend: authenticated CMS workflows, form validation, file uploads, lead status pipelines, Cloudinary media storage, Resend email abstractions, and SEO essentials like sitemap, robots, and JSON-LD structured data. Repo: https://github.com/SR-Rony/Construction-fullstack
Product screens
Four different product surfaces — homepage, article, video news and category — across dark/light themes and Bangla/English, plus admin and auth screens from production.
Key Features
Premium public site: Home, About, Services (+ detail), Projects (+ detail), Safety & Quality, Team, Certifications, Blog, Contact, Quote
Project gallery with lightbox, before/after slider and timeline storytelling
Quote request form with file attachments and lead capture
Fully responsive UI with dark/light theme and production-style motion
Admin CMS dashboard with live stats at /admin
CRUD for Services, Projects, Blog, Team and Certifications
Testimonials moderation (approve/reject)
Contact + Quote lead pipelines for sales follow-up
Media library — upload, search, delete and copy URL
Company settings and admin user management
JWT session auth with role-based access (ADMIN / EDITOR / STAFF)
Zod validation, rate limiting and audit logging
Cloudinary storage + Resend email abstractions
Dynamic sitemap, robots.txt and JSON-LD SEO
Prisma + PostgreSQL (Neon) with graceful demo fallbacks
Problems & Solutions
Real production challenges faced while building this project — and how they were solved.
Problem
A construction business needs both a premium marketing site and day-to-day CMS ops — not a static brochure.
Solution
Built a Next.js App Router platform where public pages read from Prisma/PostgreSQL while /admin provides authenticated CRUD, lead pipelines and media management under the same codebase.
Problem
Deployments or empty DB environments can break content-heavy marketing pages.
Solution
Wired pages to real database content with graceful demo fallbacks so the public site still renders professionally when the DB is unavailable.
Problem
Editors, staff and admins need different powers over content and leads.
Solution
Implemented signed JWT cookie sessions with middleware protection and ADMIN/EDITOR/STAFF roles so CMS mutations stay authorization-aware.
Problem
Quote/contact leads and media uploads must be validated and trackable in production.
Solution
Used Zod validation, rate limiting, file upload to Cloudinary, lead status pipelines and audit logging so inbound requests become an operable sales workflow.
Outcomes
- ▸Shipped a live construction platform at construction-fullstack.vercel.app
- ▸Delivered public marketing UX plus a secure admin CMS for content, media and leads
- ▸Connected Neon PostgreSQL, Cloudinary and SEO essentials in a production Next.js stack
- ▸Open-sourced the codebase at github.com/SR-Rony/Construction-fullstack
Want something similar?
I can help you design and ship scalable web or mobile products end-to-end — including news, media and content platforms.