Full-Stack Business Platform

Client-ready production platform

CNK Establishment

A production-focused corporate commerce and administration platform for a drilling-equipment supplier, combining a public product catalogue, quotation workflows, resources, analytics, and secure role-based content management.

My role

Full-stack developer & system architect

Core stack

Next.js · TypeScript · React

View source Live demo

portfolio / projects / cnk-establishment

The problem

A specialist equipment supplier needs more than a brochure website. Product information changes, procurement teams need structured quote and price-request workflows, customer enquiries must be tracked, and the client needs a secure way to manage content without depending on a developer for every update.

The solution

I designed a single Next.js application with a responsive public website and a protected administration system. Prisma and PostgreSQL provide structured data management, role-based authorization separates Admin and Super Admin capabilities, and external integrations support media storage and transactional communication.

Project overview

From practical need to complete product.

CNK Establishment is a full-stack business platform built to support both customers and internal administrators. The public experience presents products, brands, company information, resources, quote requests, price enquiries, and contact channels, while the protected administration area manages products, categories, brands, messages, quotations, resources, website settings, analytics, and administrator accounts.

Next.jsTypeScriptReactPrismaPostgreSQLNeonCloudinaryBrevobcryptZod

Responsive product view

One interface, every screen.

The same product is presented across desktop, tablet, and phone frames to show how the interface adapts, not just how it looks in one screenshot.

desktop

tablet

phone

System architecture

A clear delivery path from the user interface through application logic to data and external services.

01Next.js 16 and React public/admin interfaces

02App Router and Route Handlers for server functionality

03Prisma ORM and PostgreSQL/Neon data layer

04Secure session authentication with bcrypt and role-based access

05Cloudinary-ready media and Brevo transactional email integrations

My responsibilities

Information architecture and responsive public website design
Database modelling with Prisma and PostgreSQL
Protected admin dashboard and role-based authorization
Product, category, brand, resource, quote, and message workflows
Analytics, validation, rate limiting, password reset, SEO, and deployment preparation

Key outcomes

Unified product, quote, message, resource, and website management
Created separate Admin and Super Admin permissions for safer client access
Added analytics, exports, SEO routes, rate limiting, and production checks

Key features

Product catalogue with search, filtering, pagination, and detail pages
Role-based Admin and Super Admin dashboard
Quote, price-request, contact-message, and status-management workflows
Product, category, brand, resource, image, and website-settings management
Analytics, CSV exports, SEO, rate limiting, and password-reset support

Engineering challenges

Designing safe permissions for client administrators and the system owner
Coordinating relational product, category, brand, quote, and resource data
Building reusable public and admin workflows inside one Next.js application
Preparing media, email, database, and security integrations for production deployment

Future improvements

Add richer procurement reporting and downloadable quote documents
Introduce automated notification preferences for inquiry status changes
Add deeper product analytics and conversion tracking
Expand automated integration and end-to-end testing

Lessons learned

What this project improved in my engineering process.

01Business software needs clear operational workflows, not only polished pages
02Role design and safety rules should be planned before building admin features
03Production readiness depends on validation, observability, deployment checks, and recovery flows

Next case study

Rennovex Technology

A production-focused technology company website and administration platform built with Next.js, TypeScript, Prisma, and PostgreSQL, combining service marketing, case studies, content management, enquiries, bookings, analytics, and secure role-based operations.

Building the experience

Loading projects, engineering decisions, and product details.

Back to projects