Questo sito è un portfolio personale costruito con Next.js (App Router), TypeScript, Tailwind CSS e componenti shadcn/ui. La codebase è ora suddivisa in due route group principali:
src/app/(marketing)ospita le pagine statiche/SSR (home, portfolio, articoli, experience) e condivide layout, header e footer ottimizzati per server rendering.src/app/(lab)contiene il laboratorio interattivo con provider client-side dedicati (theme, gamification e simulazione).
This project is built with:
- Next.js 15 con App Router, Server Actions e route groups
(marketing)/(lab) - TypeScript e Bun (installazioni con
bun install, script conbun run) - Tailwind CSS con design tokens neon ispirati a Flow Nexus
- shadcn/ui / Radix UI per i componenti interattivi
- Next Image Optimization e middleware per host-based routing
- Vercel Analytics & Speed Insights per osservabilità
- Node.js 20+ (coerente con ambiente Vercel)
-
Clone the repository
git clone <your-repo-url> cd my_devfolio
-
Install dependencies
bun install
-
Setup environment variables
cp .env.example .env.local # Edit .env.local and add your GEMINI_API_KEYGet your Gemini API key from Google AI Studio
-
Start the development server
bun run dev
-
Open your browser Navigate to
http://localhost:9004to view the application.
bun run dev- Avvia dev server (Turbopack)bun run build- Build per produzionebun run start- Avvia server produzione (usa .next)bun run lint- Esegue ESLintbun run typecheck- Controllo statico dei tipibun run test- Test unitari e di integrazione
Questo sito è deployato su Vercel con un dominio personalizzato. Il deployment è automaticamente attivato con i push sul branch principale. Non impostare manualmente la Output Directory (usa .next). Rimuovere eventuali valori “dist” nelle impostazioni del progetto.
- Server-first rendering - Le pagine marketing sono SSR/SSG, il lab vive in un gruppo client isolato
- Locale management - Cookie
localebootstrap via middleware, switch con Server Action (setLocaleAction) e refresh - Design Flow Nexus - Palette neon (
--bg-primary,--neon-accent, glow) e CTA stile command panel - Responsive Design - Ottimizzato per mobile con layout a colonne singole e componenti dinamici
- Analytics & Lab Tools - Integrazione con Vercel Analytics e simulatore osservabilità interattivo
Per richieste professionali, si prega di contattare attraverso le informazioni fornite sul sito web.
This project is private and proprietary.
Il precedente setup Vite è stato sostituito da Next.js; file come index.html non sono più necessari per il deploy su Vercel. La pipeline utilizza Bun per tutte le installazioni/build.