jahir.dev

Jahir.dev

Stapel

• Framework : Next.js
• Styling : Rückenwind -CSS
• Inhalt : MDX und Velite
• Datenbank : Neon und Nieselregen oder Nieselregen
• Analytik : Umami
• Bereitstellung : Vercel

Projektstruktur

 .
| ____config
| ____content
| ____public
| ____scripts
| ____src
| | ____actions
| | ____app
| | ____assets
| | ____components
| | | ____core
| | | ____molecules
| | | ____og
| | | ____views
| | | ____icons.ts
| | ____data
| | ____hooks
| | ____lib
| | ____providers
| | ____styles
| | ____types
| | ____utils

• config/* - Enthält alle benutzerdefinierten Konfiguration für MDX, Velite und Next.js
• content/* - MDX -Blog -Beiträge und der Inhalt für die donate
• public/* - statische Vermögenswerte einschließlich Bildern, Schriftarten, Audios, Dateien usw.
• scripts/* - Dienstprogramme zum Einrichten des Projekts
• src/app/* - Jede Seite und API -Route in der Website. Verwendet den neuen App -Router von Next.js 13.+
• src/assets/* - Schriftarten und statische Bilder, die in verschiedenen Komponenten verwendet werden
• src/components/core/* - Die einfachsten Komponenten. Die meisten von ihnen sind staatenlos
• src/components/molecules/* -Die Hauptblöcke für die Website: toolbar , footer , main , back-to-top -Schaltfläche und social links
• src/components/og/* - Der Code, der dynamische Bildern mit offener Graphen versorgt
• src/components/views/* - komplexere Komponenten zum Erstellen der verschiedenen Seiten meiner Website. (Sie sind hier, um src/app/ so sauber wie möglich zu halten)
• src/components/icons.ts - SVG -Symbolwege. Ikonen kommen von Materialdesign -Symbolen und Lucide
• src/data/* - JSON -Dateien, die Daten für Projekte und die Seite uses
• src/hooks/* - Ein paar Haken, die in der App verwendet werden
• src/lib/* - kurz für "Bibliothek", eine Sammlung hilfreicher Dienstprogramme oder Code für externe Dienste
• src/providers/* - Reagieren Sie Kontexte zum Speichern der aktuellen Themen- und Blog -Post -Reaktionen
• src/styles/* - Globale Stile mit scss . Verwenden Sie meistens Rückenwindkurse
• src/types/* - Einige Typen Definitionen
• src/utils/* - Mehr Dienstprogrammfunktionen, aber weniger komplex als die in lib

Vor Ort laufen

Diese Anwendung erfordert node.js v18.18+.

1. Klonen Sie das Projekt, installieren Sie Abhängigkeiten und führen Sie das erste Setup aus

   git clone https://github.com/jahirfiquitiva/jahir.dev.git
   cd jahir.dev
   bun
   bun run setup # You can skip this if you're contributing to this repository. It removes all of my personal content and files

2. Erstellen Sie eine .env -Datei ähnlich wie .env.example .

3. (Optional) Dieses Projekt verwendet eine Postgres -Datenbank, um die Anzahl der Ansichten und Reaktionen zu speichern.

    CREATE TABLE counters (
     slug VARCHAR ( 255 ) PRIMARY KEY NOT NULL ,
     views INTEGER NOT NULL DEFAULT 0 ,
     likes INTEGER NOT NULL DEFAULT 0 ,
     loves INTEGER NOT NULL DEFAULT 0 ,
     awards INTEGER NOT NULL DEFAULT 0 ,
     bookmarks INTEGER NOT NULL DEFAULT 0
   );

4. Führen Sie das Projekt lokal aus:

   bun run dev

Notiz

Einige Dinge werden möglicherweise unterbrochen oder nicht gefunden, da das bun run setup -Skript viele Dateien entfernen. Bitte überprüfen Sie den Code und die Implementierungen.

Klonen / Gabeln

Bitte überprüfen Sie die Lizenz, kopieren Sie sie nicht direkt, entfernen Sie alle meine persönlichen Inhalte und Dateien (Lebenslauf, Blog -Beiträge, Bilder usw.), indem Sie bun run setup ausführen, und ändern Sie das Styling und die Farben, die Ihrer persönlichen Marke entsprechen. Sie können diesen Code als Inspiration oder Lernreferenz verwenden, aber dies ist nicht wirklich als Vorlage gedacht.

Zusätzliche Änderungen

Stellen Sie sicher, dass die Umgebungsvariable IS_TEMPLATE auf false festgelegt ist. Andernfalls sind die Farben auf der Website möglicherweise umgekehrt. (Siehe src/styles/globals.scss )

Frühere Versionen

Alle vorherigen Versionen dieser Website finden Sie in JahirFiquitiva/Prev-Websites