Site web de luxe masculin présentant une collection d'accessoires haut de gamme dans une esthétique noir et blanc intemporelle.

• Framework : Next.js 15.5.2 avec App Router
• React : 19.1.0
• Styling : Tailwind CSS 4
• Animations : Framer Motion
• Icons : Lucide React
• Language : TypeScript
• Performance : Turbopack

• Design ultra-minimaliste : Interface épurée noir/blanc
• Responsive design : Adaptation parfaite mobile/desktop
• Animations fluides : Transitions élégantes avec Framer Motion
• Performance optimisée : Images optimisées, lazy loading
• Accessibilité : Support complet des standards WCAG
• SEO optimisé : Métadonnées complètes, Open Graph
• Sécurité : Headers de sécurité, protection XSS

1. Cloner le projet

   git clone [url-du-repo]
   cd viril

2. Installer les dépendances

   npm install

3. Lancer en développement

   npm run dev

4. Ouvrir dans le navigateur

   http://localhost:3000
   

viril/
├── app/
│   ├── globals.css          # Styles globaux
│   ├── layout.tsx           # Layout principal
│   ├── loading.tsx          # Composant de chargement
│   └── page.tsx             # Page d'accueil
├── public/
│   └── images/              # Images optimisées
├── next.config.ts           # Configuration Next.js
├── tailwind.config.js       # Configuration Tailwind
└── package.json

• Noir : #000000 - Fond principal
• Blanc : #ffffff - Texte et accents
• Gris : #666666 - Éléments secondaires

• Police principale : Geist Sans
• Police monospace : Geist Mono
• Tracking : Espacement optimisé pour le luxe

• Durée standard : 0.8s pour les entrées
• Easing : Transitions fluides
• Reduced motion : Support des préférences utilisateur

npm run build
vercel --prod

npm run build
npm start

• Lighthouse Score : 95+ sur tous les critères
• Core Web Vitals : Optimisés
• Images : Formats WebP/AVIF, lazy loading
• Bundle Size : Minimisé avec Turbopack

• npm run dev - Développement avec Turbopack
• npm run build - Build de production
• npm run start - Serveur de production
• npm run lint - Vérification ESLint

• Mobile : < 640px
• Tablet : 640px - 1024px
• Desktop : > 1024px

• Headers de sécurité configurés
• Protection XSS
• Content Security Policy
• HSTS (en production)

• Métadonnées complètes
• Open Graph tags
• Twitter Cards
• Sitemap automatique
• Robots.txt optimisé

1. Fork le projet
2. Créer une branche feature
3. Commit les changements
4. Push vers la branche
5. Ouvrir une Pull Request

© 2024 VIRIL. Tous droits réservés.

VIRIL - La force du détail.