Skip to content

Claude/premium web dev setup v n3nk#177

Open
stevymak wants to merge 4 commits into
Ma6Tvacoder-Docs:masterfrom
stevymak:claude/premium-web-dev-setup-vN3nk
Open

Claude/premium web dev setup v n3nk#177
stevymak wants to merge 4 commits into
Ma6Tvacoder-Docs:masterfrom
stevymak:claude/premium-web-dev-setup-vN3nk

Conversation

@stevymak
Copy link
Copy Markdown

No description provided.

claude and others added 4 commits April 26, 2026 19:41
Full production-ready website template targeting artisans and SMEs:
- Next.js 14 App Router + TypeScript + Tailwind CSS
- Framer Motion animations (scroll-triggered, staggered entrance)
- Schema.org LocalBusiness structured data for local SEO
- Complete OG/Twitter metadata with sitemap + robots
- Sticky glassmorphism header with mobile menu
- Hero with animated trust badges and double CTA
- Services grid with hover effects (6 prestations)
- CountUp stats + guarantee checklist in About section
- Testimonials grid with global Google rating display
- Contact form with Zod validation + rate-limited API route
- Footer with CTA band, nav columns, legal links
- OWASP headers via next.config.ts
- Lighthouse 95+ ready (AVIF/WebP images, font optimisation)

Swap SITE_CONFIG in lib/schema.ts to redeploy for any client.

https://claude.ai/code/session_0183Cje9WmhZspDdepSAy9HE
## Artisan template — extensions
- Galerie avec lightbox keyboard-navigable, filtre par catégorie, masonry grid
- FAQ accordion animé + Schema.org FAQPage (rich snippets Google)
- Header: lien /galerie + navigation hybride anchor/page

## Template Restaurant Premium (dark luxury)
- Thème dark gold/charcoal, Playfair Display
- Hero cinématique avec scroll indicator
- Carte interactive tabbed (Entrées/Plats/Desserts)
- Section histoire avec quote flottante
- Formulaire réservation: date/heure/couverts, validation Zod
- API /api/reservation sécurisée + rate-limit
- Schema.org Restaurant + metadata SEO complète

## Template Médical Premium (trust-first)
- Thème teal/medical, grille services avec délai d'attente
- Hero avec card "prochain créneau disponible"
- Fiche praticiens avec spécialités, langues, secteur
- Formulaire RDV: type cabinet/téléconsultation, motif, praticien
- API /api/rdv + note hébergement HDS conforme santé
- Schema.org MedicalClinic

## Template Coach Premium (conversion-oriented)
- Thème dark plum/rose/purple, DM Sans
- Hero avec photo placeholder + floating stat cards
- Pricing 3 tiers avec highlight "populaire"
- Testimonials avec stats ROI explicites
- Formulaire session découverte gratuite + objectif
- API /api/session + rate-limit

## Admin Dashboard
- Layout Sidebar (dark navy) + Topbar responsive
- KPI cards: total, nouveaux, en cours, taux de réponse
- Bar chart contacts par jour (composant CSS pur, no deps)
- Donut sources de trafic
- Table contacts: filtres, expand row message, change statut inline
- Actions rapides: appeler / envoyer email

https://claude.ai/code/session_0183Cje9WmhZspDdepSAy9HE
- Rename next.config.ts → next.config.mjs on all 5 templates
  (Next.js 14 ne supporte pas .ts pour la config, uniquement .js/.mjs)
- Fix FAQ.tsx: extraire FAQ_ITEMS dans lib/faq-data.ts pour éviter
  l'erreur de boundary client/serveur lors du prerendering
- Fix restaurant globals.css: retirer @apply group (non supporté)
- Ajouter .gitignore : node_modules/, .next/, next-env.d.ts,
  package-lock.json, previews/, .env

https://claude.ai/code/session_0183Cje9WmhZspDdepSAy9HE
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants