a bd.me

Mon site personnel

Mon site Web de portfolio personnel conçu pour être simpliste et propre tout en incluant des fonctionnalités telles que des articles de blog MDX avec le nombre de vues, une bascule en mode sombre, une liste de matériel, une page à propos, et plus encore.

Pile technologique

back-end :

• Suivant.js / TypeScript
• MDX / Contentlayer (articles de blog)
• PlanèteÉchelle (Base de données)
• Prisme (ORM)

l'extrémité avant:

• Tailwind CSS (style)
• Radix Primitives (composants d'interface utilisateur sans tête)
• Couleurs de l'interface utilisateur Radix (système de couleurs)
• Mouvement du cadreur (animations)

Commencer

Assurez-vous que Node.js v18.17.0+ est installé sur votre ordinateur.

1. Dépendances d'installation : npm install
2. Variables d'environnement : copiez .env.example dans un nouveau .env.local
3. Configuration de la base de données : Voir Configuration de la base de données
4. Prisma Setup : npm install @prisma/client (si vous ne l'avez pas déjà fait), puis exécutez npx prisma generate .
5. Démarrer le développement : npm run dev , cela créera automatiquement les fichiers .contentlayer et démarrera le serveur de développement Next.js.

Configuration de la base de données

• Inscrivez-vous pour un compte PlanetScale
• Créer une nouvelle base de données dans PlanetScale
• Mettez à jour la variable d'environnement DATABASE_URL dans le fichier .env.local de votre projet avec la chaîne de connexion fournie par PlanetScale

Déploiement

Ce projet peut être rapidement déployé à Vercel. Connectez simplement votre compte Vercel à votre référentiel GitHub, et Vercel créera et déploiera automatiquement votre application à chaque nouvelle poussée vers la branche principale.

Ajoutez les variables .env du projet aux paramètres de votre projet Vercel.