jarocki.me

Bartosz Jarocki - Site Web personnel construit en utilisant Next.js et notion comme CMS sans tête

Ceci est mon site Web personnel construit en utilisant

• Manuscrit
• Next js
• API de notion
• Thèmes suivants
• CSS du vent arrière
• Nextseo
• Vercel OG

Courir localement

Pour exécuter l'application localement, peu de variables d'environnement doivent être définies (dans .env.local ):

1. NEXT_PUBLIC_URL - Utilisé pour créer des URL absolues, par exemple les liens canoniques et ouvrir des images graphiques
2. NOTION_TOKEN - Utilisé par le client API de notion, nore info ici
3. NOTION_DATABASE_ID - Utilisé pour récupérer la liste des notes / articles de blog

Il existe un certain format de données de données de données nécessaires à l'application. Lors de la récupération du contenu de la base de données, l'application s'attend à ce que les propriétés suivantes soient configurées dans la base de données:

1. id
2. created_time
3. last_edited_time
4. cover
5. hashtags
6. title
7. description
8. slug - Utilisé comme notes Slug par exemple dans /notes/hello-world La limace serait hello-world
9. published - Utilisé pour filtrer les notes non publiées de la liste des notes disponibles
10. publishedAt
11. inProgress - Utilisé pour afficher le badge Work in progress dans la liste des notes

Voici à quoi devrait ressembler la base de données en notion:

Après avoir défini les variables d'environnement et votre base de données de notion, exécutez l'application

git clone https://github.com/BartoszJarocki/web-jarocki-me
cd web-jarocki-me
yarn
yarn dev

Génération d'images OG

L'application génère automatiquement des images graphiques à l'aide de fonctions lambda et de marionnettes

Exemple de page principale

Exemple de blog

Crédits

Conception fortement inspirée du modèle de projecteur d'interface utilisateur de vent arrière

Déployer à Vercel

Licence

Mit