Configuration
Installez, exécutez et construisez NA-AI Landing localement après l'achat.
Exécuter NA-AI Landing localementLien vers la section
Après l'achat, vous recevez un paquet ZIP contenant le code source complet et la documentation.
Le template est conçu pour fonctionner :
- comme un projet autonome
- en dehors du privé PyColors monorepo
- after ZIP télécharger
- sur Vercel
- dans des environnements de production
Passez rapidement du téléchargement ZIP à l'application en cours d'exécution.
Paiement unique — Accès instantané après achat
Idée de base
Le modèle doit être exécutable, inspectable et personnalisable sans avoir besoin d'accéder au monorepo privé de PyColors.
Ressources nécessairesLien vers la section
| Outil | Recommandé |
|---|---|
| Node.js | 20+ |
| Gestionnaire de paquets | pnpm |
| Cadre | Next.js 16+ |
| Déploiement | Vercel |
démarrage rapideLien vers la section
Décompresser le paquetLien vers la section
unzip na-ai-landing.zip
cd na-ai-landingInstaller les dépendancesLien vers la section
pnpm installExécuter le serveur de développementLien vers la section
pnpm devOuvert:
http://localhost:3000Construire pour la productionLien vers la section
pnpm buildDémarrer le serveur de productionLien vers la section
pnpm startFondations d'installation inclusesLien vers la section
Structure autonome
Pile frontale prête à la production
Configuration Frontend-only
Base de référence prête pour le déploiement
ScriptsLien vers la section
| Commande | Objet |
|---|---|
pnpm install | Installer les dépendances de projet |
pnpm dev | Exécutez le serveur de développement local |
pnpm build | Construire pour la production |
pnpm start | Démarrer le serveur de production |
Variables d'environnementLien vers la section
NA-AI Landing est frontend uniquement par conception.
Il ne nécessite pas de variables d'environnement pour :
- Authentification
- base de données
- Stripe
- CMS
Vous pouvez ajouter vos propres variables plus tard si vous vous connectez :
- API
- formulaires
- Analyses
- services backend
Frontend uniquement
Aucune configuration backend n'est requise pour exécuter le modèle de base.
Vérifier les paquets PyColorsLien vers la section
NA-AI Landing utilise les paquets publics PyColors :
@pycolors/ui
@pycolors/tokensLa feuille de style globale importe le paquet de tokens partagés :
@import "@pycolors/tokens/tokens.css";
@import "tailwindcss";Tailwind CSS v4 analyse également le package d'interface utilisateur installé :
@source "../../node_modules/@pycolors/ui";Configurer la liste de contrôleLien vers la section
Confirm working setup
- dépendances installer avec succès
- Le serveur local démarre
- page d'accueil rend correctement
- le mode sombre et clair fonctionne correctement
- pass de construction de production
Avoid early changes
- Supprimer les fichiers de données avant de les lire
- Changer les importations de tokens trop tôt
- Réécriture des mises en page avant la mise à jour de la copie
- ajouter une logique backend à l'intérieur des composants de section
- Supprimer les actifs SEO avant de les remplacer
Flux de travail recommandéLien vers la section
Un chemin d'installation à fort effet de levier ressemble généralement à ceci:
- Installer les dépendances
- Exécuter le template localement
- valider la construction de la production
- mise à jour de la marque et copie
- personnaliser les fichiers de données
- connecter les API uniquement si nécessaire
- Déployer publiquement
Cela réduit la complexité inutile au début du cycle de vie du projet.
Règle d'architecture
Les sections de page d'atterrissage doivent rester de présentation. Mettez le câblage API, la gestion des formulaires et l'intégration des services dans des modules dédiés.