Iurii RoguliaIurii Rogulia
AboutServicesPricingProjectsStackReviewsPhrasesBlog
Contact
Iuriiย ships.

Iurii Rogulia, IT partner for business & fractional CTO. Professionally building software since 2001.

Think of a number
PricingQuality checklistPrivacy PolicyCookie Policy

Business

TMI Iurii Rogulia
VAT ID: FI29845875
DUNS: 368664211
Lappeenranta, Finland ๐Ÿ‡ซ๐Ÿ‡ฎ

[email protected]
All tags

Iuriiย Uses: #React

10 projects ยท 7 articles

React

React is a JavaScript library for building component-based UIs. Most of my frontend work is built on React, often paired with Next.js for routing and data fetching.

Projects

pi-pi.ee โ€” Live Custom-Colour Preview
pi-pi.ee โ€” Live Custom-Colour Preview
July 28, 2026
pi-pi.ee โ€” Live Custom-Colour Preview

Recolour a product photo to any colour in the browser, instantly โ€” an SVG duotone filter tints transparent master images on the fly, so a shop can offer

Stack

Next.jsReactTypeScriptTailwind CSS

Topics

E-commerceSVGCSSPerformanceUX
pi-pi.ee โ€” B2B Deal & Document Portal
pi-pi.ee โ€” B2B Deal & Document Portal
July 1, 2026
pi-pi.ee โ€” B2B Deal & Document Portal

Internal sales portal that turns a wholesale deal into a full set of trade paperwork โ€” pro forma, contract, commercial invoice, packing list, CMR and more โ€”

Stack

Next.jsReactTypeScript

Services

Notion

Topics

B2BCRMSales AutomationPDFSSRArchitectureInternational TradeInternal Tools
HTPBE? โ€” Internal Admin Dashboard
HTPBE? โ€” Internal Admin Dashboard
March 15, 2026
HTPBE? โ€” Internal Admin Dashboard

Role-gated admin dashboard for the HTPBE? SaaS platform โ€” real-time KPIs, per-user quota tracking, and a zero-dependency bar chart, all server-rendered via

Stack

Next.jsReactTypeScript

Libraries

Drizzle ORMNextAuth.js

Databases

Turso

Services

Stripe

Topics

Admin DashboardSaaSAuthArchitecture
HTPBE? โ€” PDF Verification Workflow Animation
HTPBE? โ€” PDF Verification Workflow Animation
March 4, 2026
HTPBE? โ€” PDF Verification Workflow Animation

Looping SVG animation illustrating a PDF verification pipeline โ€” document stack, cloud processing, and green/red folder sorting โ€” built with pure CSS

Stack

TypeScriptReactNext.js

Services

Vercel

Topics

AnimationData VisualizationUI/UXPerformanceProduct DesignSVG
vatnode โ€” EU VAT Validation API
vatnode โ€” EU VAT Validation API
January 19, 2026
vatnode โ€” EU VAT Validation API

Developer-first SaaS API for EU VAT validation via VIES with Redis caching, change monitoring, and webhook notifications.

Stack

Next.jsReactTypeScriptHonoNode.jsTurborepoDockerCaddy

Libraries

Drizzle ORMBullMQZodBetter AuthTanStack QueryZustand

Databases

PostgreSQLRedis

Services

StripeResendGoogle Analytics

Topics

SaaSAPIAuthFintechTax/VATMonorepoWebhooksSEOSchema.org
pi-pi.ee โ€” B2B E-commerce for Waterless Urinal Systems
pi-pi.ee โ€” B2B E-commerce for Waterless Urinal Systems
January 17, 2026
pi-pi.ee โ€” B2B E-commerce for Waterless Urinal Systems

i18n B2B e-commerce platform for waterless urinal products across 32 European countries with automated VAT handling, PDF invoicing, and CRM integration.

Stack

Next.jsReactTypeScriptTailwind CSS

Libraries

next-intlDaisyUIStripe SDKreact-pdf

Services

StripeVercelResendNotionGoogle Analytics

Topics

E-commerceB2Bi18nPDFSSRArchitectureSEOSchema.org
Pikkuna โ€” i18n RAG AI System
Pikkuna โ€” i18n RAG AI System
December 15, 2025
Pikkuna โ€” i18n RAG AI System

RAG system on OpenAI and Upstash Vector with 30 language support. Includes streaming chatbot, hybrid search (semantic + keyword), AI ticket classifier, and

Stack

Next.jsReactTypeScript

Libraries

Vercel AI SDKnext-intlassistant-uiZod

Databases

Upstash VectorRedis

Services

OpenAIUpstashVercel

Topics

RAGAI Chatboti18nE-commerceCTO
Pikkuna โ€” Real-time SVG Product Configurator
Pikkuna โ€” Real-time SVG Product Configurator
March 10, 2025
Pikkuna โ€” Real-time SVG Product Configurator

Client-side SVG configurator with live preview for designing vinyl curtains and roofing panels.

Stack

Next.jsReactTypeScriptTailwind CSS

Libraries

Framer MotionZod

Services

Vercel

Topics

Product ConfiguratorReal-timeSVGCTO
Pikkuna โ€” E-commerce for Vinyl Curtains & PVC Products
Pikkuna โ€” E-commerce for Vinyl Curtains & PVC Products
October 12, 2024
Pikkuna โ€” E-commerce for Vinyl Curtains & PVC Products

International e-commerce platform with 30 locales, product configurators, AI chatbot, and fully automated order flow: Stripe โ†’ Zoho CRM โ†’ Airtable โ†’ Mailgun โ†’

Stack

Next.jsReactTypeScript

Libraries

next-intlZodpdf-libPuppeteerStripe.js

Databases

Redis

Services

StripeZohoMailgunPostNordNetvisorVercelVercel BlobGoogle AnalyticsMeta CAPIAirtableUpstash

Topics

E-commercePaymentsShippingPDFPWACTOArchitectureSEOSchema.orgi18nPerformance
HTPBE? โ€” Has This PDF Been Edited?
HTPBE? โ€” Has This PDF Been Edited?
September 25, 2024
HTPBE? โ€” Has This PDF Been Edited?

SaaS platform for PDF authenticity verification with a public REST API.

Stack

Next.jsReactTypeScript

Libraries

Drizzle ORMZodNextAuth.jspdf-lib

Databases

PostgreSQL

Services

MollieResendGoogle Analytics

Topics

SaaSPDFAPIAuthSecuritySEOSchema.org

Articles

Gated B2B Pricing in Next.js: Hiding Prices Behind Per-Customer Access
July 24, 2026ยท 9 min
Gated B2B Pricing in Next.js: Hiding Prices Behind Per-Customer Access

Gated B2B pricing in Next.js: per-account price lists, server-side access control so prices never leak to crawlers, and a deal-record data model where every

Stack

Next.jsReactTypeScript

Databases

PostgreSQL

Topics

B2BE-commerceAuthSSRArchitectureSecurity
Building a React Product Configurator with Zustand and Motion
April 21, 2026ยท 12 min
Building a React Product Configurator with Zustand and Motion

How to build a React product configurator with Zustand state, DaisyUI components, Motion animations, and live SVG preview โ€” architecture, pricing logic, and

Stack

Next.jsReactTypeScript

Libraries

DaisyUIFramer MotionZustandnanoid

Topics

Product ConfiguratorUI/UXE-commerceInteractive
Real-Time Dashboard in Next.js with TanStack Query + Zustand
April 16, 2026ยท 12 min
Real-Time Dashboard in Next.js with TanStack Query + Zustand

Real-time Next.js admin dashboard: TanStack Query polling, Zustand for filter state, Sentry error boundaries per panel, and a zero-dependency bar chart.

Stack

Next.jsReactTypeScript

Libraries

TanStack QueryZustandDrizzle ORM

Services

SentryStripe

Topics

Admin DashboardSaaSData VisualizationArchitecture
React Email + Resend Tutorial: Transactional Emails with PDF Invoices
April 5, 2026ยท 13 min
React Email + Resend Tutorial: Transactional Emails with PDF Invoices

Production transactional emails with React Email and Resend: PDF invoice generation via react-pdf, Vercel Blob temporary storage, and BullMQ Stripe webhook

Stack

Next.jsTypeScriptReact

Libraries

React EmailStripe SDKStripe.jsreact-pdf

Services

Vercel BlobResend

Topics

E-commercePaymentsDocument Automation
React Masonry Layout: Fix Column Order (without a Library)
March 11, 2026ยท 9 min
React Masonry Layout: Fix Column Order (without a Library)

React masonry layout that keeps left-to-right card order with variable heights โ€” where the popular CSS column-count trick silently breaks.

Stack

ReactTypeScript

Topics

ArchitectureUI/UXPerformance
SVG Keyframe Animation in Pure CSS (No Library)
March 5, 2026ยท 7 min
SVG Keyframe Animation in Pure CSS (No Library)

CSS SVG animation with pure @keyframes: sync multiple tracks, fix the SVG transform override trap, and build smooth loops without GSAP or Framer Motion.

Stack

TypeScriptReact

Topics

AnimationPerformanceSVG
Technical SEO for Next.js: SSR, JSON-LD, and Sitemaps
December 15, 2025ยท 3 min
Technical SEO for Next.js: SSR, JSON-LD, and Sitemaps

Technical SEO built into Next.js: server-side rendering, dynamic meta tags, JSON-LD structured data, and automatic sitemap generation โ€” no plugins, just code.

Stack

Next.jsReactTypeScript

Topics

SEOArchitecturePerformance
Iurii RoguliaAvailable

Got a project in mind?

Whether it's a new product, an integration, or scaling an existing system โ€” let's talk about how I can help.

View my projects