braydoncoyer.dev

Braydoncoyer.dev

• Framework : suivant.js
• Styling : Tailwind CSS
• Contenu : API de notion
• Base de données : Supabase
• Images graphiques ouvrir : Cloudinar
• Newsletter : Revue
• Déploiement : Vercel

Aperçu du projet

• components/* - Divers composants utilisés sur tout le site.
• layouts/* - Les différentes options de mise en page disponibles à utiliser sur chaque page.
• lib/* - abréviation de "Library", une collection d'utilitaires ou de code utiles pour les services externes.
• pages/api/* - Routes de l'API Paliding Article Reactions, Article Views, /stats , Newsletter Abonnement et pour générer un plan du site.
• pages/blog/* - pages de blog pré-rendues statiques qui rapportent les informations de l'API de notion.
• pages/stats - Statistiques du site sur mon site Web.
• pages/* - toutes les autres pages statiques.
• public/* - actifs statiques, y compris robots.txt
• styles/* - Une poignée de styles globaux et des classes réutilisables utilisant @Apply avec Tailwind.
• data/* - Un objet simple contenant des données globales sur le site.

Courir localement

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

Créez un fichier .env similaire à .env.example et incluez les clés appropriées.

Modèle d'article de notion

Dupliquez la base de données de notion suivante, saisissez l'ID de base de données et ajoutez-les aux variables d'environnement dans le fichier .env .