DEVNU / Web design and development

Web products from corporate sites and internal tools to APIs, bots and automation.

I start with the actual job: who will use the product, what data moves through it and where it needs to run. Interface, application code and infrastructure are then delivered as one maintainable system.

Experience & interface
React / Next frontend
APIs & databases
Delivery & automation

01 / Work

Three projects. Three different problems.

SUMY and Fidrolic are delivered client projects. PasarGuard is a personal product still in development. Each case states what was built and what remains in progress.

01Live — sumy.ir
Client delivery for SUMY

Industrial website & content administration

SUMY Website & Operations System

SUMY's bilingual industrial website, with an API, database and a dedicated admin area for pages, products, brands and incoming enquiries.

ReactTypeScriptNestJSPostgreSQLPrismaDocker
View the details
02Live — fidrolic.ir
Delivered website

Corporate website & technical catalogue

Fidrolic Website

A WordPress redesign for Fidrolic, focused on the company, product and brand navigation, and straightforward access to technical catalogues.

WordPressPHPMySQLNginx
View the details
03Personal project — in development
Personal R&D project

Telegram bot, service sales & API integration

PasarGuard Bot & Mini App

A personal Telegram service shop with a bot, Mini App, wallet, orders, reseller flows and PasarGuard API integration.

TelegramReactTypeScriptFastAPIPostgreSQLRedisDockerNginx
View the details

02 / Services

Only the scope the problem actually needs.

Some projects need a focused website. Others are incomplete without an admin tool, API or automation. The boundary is agreed before work starts, so features are not added simply to pad the project.

01

Product strategy & design

Before screens are designed, I define who uses the system, what data enters it and what the outcome needs to be. The result is a page map, core flows, first-release priorities and a reviewable prototype.

  • Scope & requirements
  • Information architecture
  • UI/UX design
  • Interactive prototypes
02

Websites & frontend

I build corporate websites, catalogues, commerce and admin interfaces with React or Next.js. Mobile behaviour, RTL/LTR, accessibility, SEO and performance are part of the initial design; motion and WebGL are used only when they explain something useful.

  • React, Next.js & TypeScript
  • RTL/LTR responsive systems
  • Motion, SVG & WebGL
  • Technical SEO & structured data
  • Image and Core Web Vitals optimisation
  • Forms and admin integration
03

Backend, API & data

I implement APIs, authentication, permissions, files, notifications and data models as explicit NestJS or FastAPI modules. PostgreSQL and Prisma work also covers migrations, indexes, backups and upgrade paths.

  • NestJS & FastAPI
  • PostgreSQL, Prisma & migrations
  • JWT, sessions & permissions
  • Redis, queues & jobs
  • File uploads & notifications
  • Swagger, tests & logs
04

Automation, bots & integrations

I build Telegram bots, Mini Apps, webhooks and integrations to remove duplicate data entry and repetitive work. Each workflow records its input, decision, action and outcome so failures stay visible and retries remain controlled.

  • Telegram bots & Mini Apps
  • Webhooks & API integration
  • Payments, orders & alerts
  • Queues, schedules & retries
  • CRM, forms & internal systems
  • Execution-status dashboards
05

Network, server & infrastructure

For local or overseas VPS delivery, the path from DNS to service is documented: Linux, Docker Compose, Nginx, TLS, firewalling, SSH, VPN and container-network separation. The database stays private, and backup and restore are tested before handoff.

  • Ubuntu & SSH hardening
  • Docker Compose & private networks
  • Nginx, DNS & TLS
  • Firewall, VPN & port restriction
  • PostgreSQL backup & restore
  • Monitoring & event logs
06

Delivery, observability & optimisation

Launch is not the end of the work. I make application and Nginx logs, container health, resource use, frontend errors, endpoint status and response times visible. Releases use reproducible builds, controlled migrations and a rollback path.

  • CI/CD & versioning
  • Health checks & uptime
  • Central logs & error tracking
  • Core Web Vitals & profiling
  • Scheduled backups & rollback
  • Documentation & maintenance plan
A modular automation workflow

EVENT → LOGIC → ACTION

Repeated work needs a visible, traceable path.

A form, bot or service sends data; the input is checked, the required action runs and the outcome is recorded. When something fails, it is clear where and why.

  1. 01Receive event
  2. 02Check data
  3. 03Run logic
  4. 04Record outcome

03 / Technology

Technology is not a shop window.

React, NestJS or any other tool belongs in a project only when there is a practical reason for it. This list comes from delivered work and the infrastructure behind it.

React
Next.js
TypeScript
NestJS
Python
PostgreSQL
Prisma
Redis
Docker
Nginx
Cloudflare
WordPress
Network infrastructure and connected data paths

04 / Server & operations

If it does not run properly on the server, it is not finished.

Domains, Docker, Nginx, TLS, access control, backups and update procedures are part of delivery. The final release must be dependable outside the developer's laptop.

View service details

05 / About DEVNU

An independent practice with direct responsibility.

DEVNU is my independent practice for web, software and infrastructure work. I carry analysis, design, implementation and deployment through one path instead of handing the project between sales, design and development teams.

01

The problem and workflow are clear before design begins.

02

Ideas become something visible and testable early.

03

Deployment, maintenance and updates are part of delivery.

More about DEVNU

06 / Start a project

Where is the project now, and where does it need to go?

Share the current link, the main problem, the outcome you need and any real time or budget limit. The first reply will suggest a practical next step, not a sales meeting.