← Retour aux projets

Gîtes Périgord

Site vitrine pour les gîtes familiaux : Les Glycines et La Maisonnette. Next.js 16, React 19, TypeScript et Tailwind CSS 4, design responsive et amélioration de l'accessibilité.

Technologies

Next.js 16React 19TypeScriptTailwind CSS 4shadcndate-fnsLucideResend

Détail du projet

Site vitrine pour deux gîtes de charme (Les Glycines et La Maisonnette) à Saint-Martial-de-Nabirat, au cœur du Périgord Noir. Réalisé pour mes parents.

Contenu : hero avec accroche et image (piscine couverte), section Nos logements avec fiches détaillées par gîte (capacité, équipements, galerie, réservation Airbnb ou directe), L'expérience du domaine (espaces communs - piscine 10×5 m chauffée, cour, ping-pong, pétanque - et jardins privés par gîte), La région (Dordogne, Sarlat, randonnées, gastronomie), Contact / Réservation avec formulaire de demande, calendrier (séjour minimum 7 nuits, arrivée/départ le samedi), liens Airbnb et carte.

Envoi d’emails (Resend) : à chaque envoi du formulaire, le responsable reçoit un email avec les infos de la demande, le client reçoit un email de confirmation. Variables d’environnement : RESEND_API_KEY, RESERVATION_EMAIL (et optionnellement FROM_NAME, FROM_EMAIL).

Stack : Next.js 16 (App Router, React 19), TypeScript, Tailwind CSS 4, shadcn/Base UI (boutons, formulaire, calendrier), date-fns, Lucide, Resend. Polices Playfair Display et DM Sans. Domaine giteperigord.net, hébergement Vercel (déploiement auto), emails Resend depuis @giteperigord.net, tracking Google Analytics. À venir : synchronisation du calendrier Airbnb avec le calendrier du site (disponibilités et réservations).

Galerie

Hero - Séjour d'exception en Périgord Noir
Hero - Séjour d'exception en Périgord Noir
Nos logements - Les Glycines
Nos logements - Les Glycines
La Maisonnette - détail et galerie
La Maisonnette - détail et galerie
L'expérience du domaine - espaces communs et intimité
L'expérience du domaine - espaces communs et intimité
La région - Découvrir le Périgord Noir
La région - Découvrir le Périgord Noir
Randonnées, nature et gastronomie
Randonnées, nature et gastronomie
Demande de réservation - calendrier et formulaire
Demande de réservation - calendrier et formulaire
Contact - carte et coordonnées
Contact - carte et coordonnées