Developer Guide

Documentation Technique

Tout ce dont vous avez besoin pour configurer, personnaliser et déployer votre template Ascend.

Introduction

Merci d'avoir choisi un template Ascend. Nos produits sont conçus avec une architecture moderne basée sur React, Next.js et Tailwind CSS pour garantir performance et maintenabilité.

Note : Une connaissance intermédiaire de React et de la ligne de commande est recommandée pour tirer le meilleur parti de ce template.

Installation

Avant de commencer, assurez-vous d'avoir Node.js 18+ installé sur votre machine.

1. Dézipper et installer les dépendances

cd nom-du-projet
npm install

2. Lancer le serveur de développement

npm run dev

Votre site sera accessible sur http://localhost:3000.

Structure des fichiers

Nos templates suivent l'architecture recommandée par Next.js (App Router) :

/app - Pages et routes de l'application
/components - Composants UI réutilisables (Boutons, Cards...)
/lib - Fonctions utilitaires et configurations
/public - Images, polices et assets statiques
tailwind.config.js - Configuration du design system

Personnalisation du Thème

Le design system est centralisé dans le fichier tailwind.config.js. Vous pouvez y modifier les couleurs, les polices et les espacements globaux.

Pour changer la couleur principale, modifiez la variable accent dans la configuration :

// tailwind.config.js
theme: {
  extend: {
    colors: {
      accent: {
        DEFAULT: '#3b82f6', // Changer ce code hex
        hover: '#2563eb',
      }
    }
  }
}

Variables d'Environnement

Renommez le fichier .env.example en .env.local et remplissez les clés nécessaires (ex: Clé API Stripe, URL du CMS, etc.).

Build & Déploiement

Pour créer une version optimisée pour la production :

npm run build

Nous recommandons fortement Vercel ou Netlify pour l'hébergement, car ils détectent automatiquement la configuration Next.js.