
racu.dev - Personal Website
Personal Website & Professional Dossier
A modern personal website built with Next.js 15 and React 19, featuring a glassmorphism design system, three-tier access control (public, gated, admin), bilingual content (EN/RO), and a full-featured admin dashboard for managing portfolio, blog, testimonials, and more.
Core Stack
| Technology | Role |
|---|---|
| Next.js 15 | Turbopack, App Router, Server Components & Server Actions |
| React 19 | Modern hooks — useActionState, useTransition, useOptimistic |
| TypeScript 5.9 | Strict mode across the entire codebase |
| Tailwind CSS 4 | Custom design tokens and glassmorphism component library |
| PostgreSQL + Prisma ORM | 40+ models, idempotent migrations, safe production deploys |
| Vercel | Hosting, edge middleware, and blob storage |
Key Features
| Feature | Description |
|---|---|
| Portfolio | Project showcase with rich text descriptions (Tiptap), image galleries, tech stack tags, and live GitHub activity timelines with adaptive date grouping |
| Blog | Full publishing system with bilingual content, Tiptap rich text, syntax-highlighted code blocks (Lowlight), tags, and multiple formats — articles, TIL, case studies |
| Git Activity Dashboard | Automated GitHub/Bitbucket import pipeline (commits, PRs, comments, languages) with yearly activity stats, per-repo breakdowns, and animated counters |
| Access Control | Three visibility tiers: public, gated via signed tokens, and admin-only. Includes a gated access request pipeline with scoring, enrichment, and email notifications via Resend |
| Testimonials | Submission form, LinkedIn import, admin approval queue, and public display with expandable cards |
| CV System | Structured resume data (experience, education, skills, languages), PDF export via react-pdf, and DOCX import support |
| i18n | Fully bilingual (English & Romanian) with a type-safe dictionary system and locale-aware date formatting |
| Admin Dashboard | Complete CMS for projects, blog posts, testimonials, media, CV, access requests, git repo sync, and site settings |
Additional Technologies
| Library | Purpose |
|---|---|
| Three.js / React Three Fiber | 3D graphics and interactive visuals |
| GSAP | Smooth scroll-driven animations and transitions |
| Tiptap 3 | Rich text editing with code block syntax highlighting |
| NextAuth 5 | OAuth authentication with Prisma adapter |
| Upstash Redis | Rate limiting and caching |
| Resend + React Email | Transactional emails with dark-themed HTML templates |
| Zod 4 | Runtime schema validation for forms and API inputs |
| Vitest + Playwright | Unit, integration, and end-to-end testing |
Design System
Custom glassmorphism component library — translucent glass-effect cards, contextual badges, interactive buttons with loading states, modals, tabs, and bento grid layouts. Dark-first design with carefully tuned opacity layers, subtle borders, and a multi-accent color system. Terminal-inspired aesthetic with monospace typography throughout.
Component highlights:
- Translucent glass-effect cards with layered backdrop blur
- Contextual badges and interactive buttons with loading states
- Modals, tabs, and bento grid layouts
- Terminal-inspired aesthetic with monospace typography
- Dark-first with carefully tuned opacity layers and subtle borders
Activitate de Dezvoltare
Saptamana din 30 mar. 2026
2 commituri
Fix job title string
cba96b5+23 -5Fix filter...
14a706d+1 -1Saptamana din 16 mar. 2026
12 commituri
Fix deploy
729d741+5 -12Set cron to daily
d2e6207+1 -1Fix page views...
3b75d21+11 -4Add company career...
4315f77+5302 -2Add posibility to...
c8ae35a+57 -13Saptamana din 9 mar. 2026
8 commituri
Hide additions and...
96f88b6+1 -1Add git activity...
1af6299+131 -23Slice the commit...
9112fd1+3 -1Truncate...
aa3840a+26 -2Restore historical...
165f6df+31 -34Saptamana din 2 mar. 2026
37 commituri
Update hero numbers...
6be8f36+1 -1Hero from langing...
1727979+18 -53Updte the cache for...
983caa0+2 -6Fix project...
186fb31+2 -2Add log for project...
c01ee45+4 -2Saptamana din 23 feb. 2026
17 commituri
Refactor...
50f9481+13 -1Enhance database...
3bfacf8+322 -581Fix site URL...
273a916+8 -1Fix Deploy to Vercel
84aaf0f+3 -1Implement media...
e0bf37b+6547 -5