braydoncoyer.dev

Braydoncoyer.dev

• Framework : Next.js
• Styling : Rückenwind -CSS
• Inhalt : Begriff API
• Datenbank : Supabase
• Offene Graph Bilder : Wolkinär
• Newsletter : Revue
• Bereitstellung : Vercel

Projektübersicht

• components/* - Verschiedene Komponenten, die über dem Standort verwendet werden.
• layouts/* - Die verschiedenen Layoutoptionen, die auf jeder Seite verwendet werden können.
• lib/* - kurz für "Bibliothek", eine Sammlung hilfreicher Dienstprogramme oder Code für externe Dienste.
• pages/api/* - API -Routen, die Artikelreaktionen, Artikelansichten, /stats , Newsletter -Abonnements und generieren, um eine Sitemap zu generieren.
• pages/blog/* - Statisch vorgezogene Blogseiten, die Informationen von der API der Begriff abrufen.
• pages/stats - Site -Statistiken zu meiner Website.
• pages/* - Alle anderen statischen Seiten.
• public/* - statische Assets einschließlich Robots.txt
• styles/* - Eine Handvoll globaler Stile und wiederverwendbare Klassen, die @Apply mit Rückenwind sind.
• data/* - Ein einfaches Objekt, das globale Daten zur Website enthält.

Vor Ort laufen

$ git clone https://github.com/braydoncoyer/braydoncoyer.dev.git
$ cd braydoncoyer.dev
$ npm install
$ npm run dev

Erstellen Sie eine .env -Datei ähnlich wie .env.example und geben Sie die entsprechenden Schlüssel ein.

Vorlage für den Begriff Artikel

Duplizieren Sie die folgende Begriffsdatenbank, schnappen Sie sich die Datenbank -ID und fügen Sie sie den Umgebungsvariablen in der .env -Datei hinzu.