jahir.dev

jahir.dev

Empiler

• Framework : suivant.js
• Styling : Tailwind CSS
• Contenu : MDX et Velite
• Base de données : néon et ardemage orm
• Analytique : umami
• Déploiement : Vercel

Structure du projet

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

• config/* - inclut toute la configuration personnalisée pour MDX, Velite et Next.js
• content/* - Articles de blog MDX et contenu des pages donate
• public/* - Assets statiques, y compris les images, les polices, les audios, les fichiers, etc.
• scripts/* - Utilitaires pour configurer le projet
• src/app/* - Chaque page et route API sur le site Web. Utilise le nouveau routeur d'application de next.js 13.+
• src/assets/* - polices et images statiques utilisées dans différents composants
• src/components/core/* - Les composants les plus simples. La plupart d'entre eux sont apatrides
• src/components/molecules/* - Les blocs principaux du site Web: toolbar , footer , mise en page main , bouton back-to-top et social links
• src/components/og/* - le code qui alimente la génération dynamique d'images graphiques ouvertes
• src/components/views/* - Des composants plus complexes pour créer les différentes pages de mon site Web. (Ils sont là pour garder src/app/ As As Nettle que possible)
• src/components/icons.ts - chemin d'icône SVG. Les icônes proviennent d'icônes de conception de matériaux et de lucide
• src/data/* - Fichiers JSON contenant des données pour les projets et la page uses
• src/hooks/* - quelques crochets utilisés dans toute l'application
• src/lib/* - abréviation de "bibliothèque", une collection de services publics ou de code utiles pour les services externes
• src/providers/* - React Contexte pour stocker les réactions actuelles du thème et des articles de blog
• src/styles/* - Styles globaux avec scss . Utilisez principalement des cours de vent arrière
• src/types/* - Certains types définitions
• src/utils/* - plus de fonctions d'utilitaires mais moins complexes que celles de lib

Courir localement

Cette application nécessite Node.js v18.18 +.

1. Clone le projet, installez les dépendances et exécutez la configuration initiale

   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. Créez un fichier .env similaire à .env.example .

3. (Facultatif) Ce projet utilise une base de données Postgres pour stocker le nombre de vues et de réactions.

    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. Exécutez le projet localement:

   bun run dev

Note

Certaines choses peuvent être rompues ou non trouvées car le script bun run setup supprimera de nombreux fichiers. Veuillez vérifier le code et les implémentations.

Clonage / fossé

Veuillez revoir la licence, ne le copiez pas directement, supprimez tous mes contenus et fichiers personnels (CV, articles de blog, images, etc.) en exécutant bun run setup et veuillez modifier le style et les couleurs pour correspondre à votre marque personnelle. Vous êtes libre d'utiliser ce code comme référence d'inspiration ou d'apprentissage, mais ce n'est pas vraiment destiné à être un modèle.

Modifications supplémentaires

Assurez-vous de définir la variable d'environnement IS_TEMPLATE sur FALSE. Sinon, les couleurs du site Web pourraient être inversées. (Voir src/styles/globals.scss )

Versions précédentes

Toutes les versions précédentes de ce site Web peuvent être trouvées sur Jahirfiquitiva / PREV-WEBSISES