For Recruiters & Hiring Managers
Renodar is a fully working product, not a demo. This page documents the infrastructure, architecture, and product decisions behind it, for anyone evaluating it as a portfolio piece.
Infrastructure
Automatic deploys straight from git, a global edge network, and a free tier that comfortably covers a project this size — no servers to provision or patch.
Domains sold at Cloudflare's own wholesale cost with no markup, on a DNS network built for reliability at scale.
Postgres with Row Level Security, built-in email/password + OAuth, and S3-compatible object storage — one vendor and one bill instead of stitching together three separate services.
Signup confirmations and password resets are sent through Resend's SMTP, plugged directly into Supabase Auth. Free at this volume (3,000 emails/month) — and the actual fix for a real production bug, since Supabase's own default mailer has a hard rate limit that silently broke registration until this replaced it.
admin@renodar.com forwards straight into a real inbox — free, verified in minutes on the same Cloudflare account already managing the domain's DNS, backed by Cloudflare's own network rather than a mail server to maintain.
No dedicated mailbox product to pay for or check separately. Cloudflare forwards incoming mail into Gmail, and Gmail sends back out as admin@renodar.com through that same Resend relay — one inbox, zero new accounts.
Code
Next.js 16 (App Router) + React 19 + TypeScript (strict mode) + Tailwind CSS v4.
Chosen over niche or bleeding-edge tooling on purpose — this stack is popular, well-documented, and modular. It’s easier to hire for, easier to hand off, and backed by fast-moving open ecosystems rather than one company’s roadmap.
Performance
Every photo is served through Next.js’s Image Optimization pipeline — resized to the exact dimensions it’s displayed at and converted to modern formats automatically. A real photo in this app: a 114KB JPEG served as a 14KB WebP — 87% smaller, with zero manual image processing.
Tailwind’s build step ships only the utility classes actually used in the codebase, not a generic framework-wide stylesheet.
Vercel’s edge network caches static assets and rendered pages close to the visitor, not just at one origin server.
AI Architecture
Every AI feature routes through OpenRouter instead of a separate SDK, account, and key per provider — one integration point that can call dozens of different models across every major AI lab.
Rather than committing to one default model, each AI feature was tested head-to-head against real inputs before shipping. The model that won consistently costs a fraction of a cent per use ($0.021 per 1M input tokens, $0.063 per 1M output tokens on OpenRouter as of this writing) — cheaper and faster than the originally planned default, with equal-or-better output quality every time.
Every AI suggestion lands in a normal, editable field for the poster to review — nothing publishes un-reviewed. AI here reduces data entry; it doesn’t remove the human from the decision.
AI-Assisted Posting
Click “Voice input” next to any text field to dictate instead of type, using the browser's built-in speech recognition. No server round-trip, no API cost, and automatically hidden on browsers that don't support it rather than shown broken.
Type or speak in Spanish — or any language — then click “Translate to English” to get an AI translation in place, still fully editable before anything saves.
Paste a video URL and the app generates a title, description, and a step-by-step list of key moments with real timestamps pulled from the video's own transcript. Clicking a moment seeks the embedded player to that exact second. Capped at 2 hours per video, checked before any transcript is fetched, so an oversized video can't quietly run up cost.
At publish time, AI suggests a category and tags from whatever text already exists on the listing — but only fills in what the poster left blank, never overwriting something they typed themselves.
Photo Upload
Three ways to add a photo — drag-and-drop onto the dropzone, click to browse files, or paste directly from the clipboard — whichever's fastest in the moment.
Drag-to-reorder and one-click cover-photo selection, so the listing's photo order and lead image are exactly what the poster intends.
This app was created by Abdullah Yahya.