maxleiter.com

Meine persönliche Seite

Erste Schritte

1. Installieren Sie den pnpm -Paketmanager: https://pnpm.io//
2. Führen Sie pnpm im Projektverzeichnis aus
3. Führen Sie pnpm dev aus, um einen lokalen Entwicklerserver zu starten

Umgebungsvariablen

• GITHUB_TOKEN : notwendig, wenn Sie Github -Sterne für Projekte abrufen möchten
• NEXT_PUBLIC_SUPABASE_URL , SUPABASE_SERVICE_ROLE_KEY , NEXT_PUBLIC_SUPABASE_ANON_KEY : Für Analytics erforderlich. Weitere Informationen finden Sie unter https://maxleiter.com/blog/supabase-next-analytics
• Wenn Sie möchten, NEXT_PUBLIC_VERCEL_GIT_COMMIT_SHA der Git Commit Hash im Ende der Startseite mit Vercel host

Verwendung:

• pnpm <command> :
  • lint : FINTT -Dateien automatisch verspottet
  • dev : Starten Sie eine lokale Instanz mit Live -Nachladen
  • rss : Erzeugen Sie einen RSS -Feed
  • build : Generieren Sie einen RSS -Feed- und Produktionsstandort
  • analyze : Generieren Sie ein Bundle, das Sie über @Next/Bündelanalyzer inspizieren können
  • start : Starten Sie eine Produktionsinstanz, die über yarn build erstellt wurde

Verzeichnisstruktur:

• App
• components/ : Reagieren Sie Komponenten
• data/ : statische Daten, die schließlich auf ein DB oder so verschoben werden können
• lib/ : Hooks, API -Zeug von Drittanbietern, Utils -Funktionen
• pages/ : Next.js Seiten (die tatsächlichen Routen, die gerendert werden)
• styles/ : Enthält die globalen Stile
• pages/api : NEXTJS -API -Routen
• posts/ : Markdown -Dateien, die zur Erstellungszeit erhoben werden
• public/ : Bilder für Blog, Favicon, erstellte Dateien
• scripts/ : Enthält die Skripte zum Erstellen des Sitemap- und RSS -Feeds