maxleiter.com

Mon site personnel

Commencer

1. Installez le gestionnaire de package pnpm : https://pnpm.io/
2. Exécutez pnpm dans le répertoire du projet
3. Exécutez pnpm dev pour démarrer un serveur de développeur local

Variables d'environnement

• GITHUB_TOKEN : nécessaire si vous souhaitez récupérer les étoiles GitHub pour les projets
• NEXT_PUBLIC_SUPABASE_URL , SUPABASE_SERVICE_ROLE_KEY , NEXT_PUBLIC_SUPABASE_ANON_KEY : requis pour l'analyse. Voir https://maxleiter.com/blog/supabase-next-analytics pour plus d'informations
• Si vous voulez que Git Commit Hash en bas de la page d'accueil, vous devez héberger avec Vercel ou fournir un NEXT_PUBLIC_VERCEL_GIT_COMMIT_SHA

Usage:

• pnpm <command> :
  • lint : fichiers de peluches automatiquement
  • dev : Démarrez une instance locale avec le rechargement en direct
  • rss : générer un flux RSS
  • build : Générez un site de flux RSS et de production
  • analyze : générer un bundle que vous pouvez inspecter via @ suivant / bundle-analyzer
  • start : démarrer une instance de production construite via yarn build

Structure du répertoire:

• appliquer
• components/ : React Composants
• data/ : données statiques qui peuvent éventuellement être déplacées vers une base de données ou quelque chose
• lib/ : crochets, trucs d'API tiers, utilise des fonctions
• pages/ : pages suivantes (les routes réelles rendues)
• styles/ : contient les styles globaux
• pages/api : routes API NextJS
• posts/ : Fichiers Markdown rendues au moment de la construction
• public/ : images pour blog, favicon, fichiers construits
• scripts/ : contiennent les scripts pour construire le site du site et le flux RSS