jarocki.me

Bartosz Jarocki - Persönliche Website, die mit Next.js und Begriff als kopfloses CMS erstellt wurde

Dies ist meine persönliche Website, die mit dem mit

• Typoskript
• Nächstes JS
• Begriff API
• Nächste Themen
• Rückenwind -CSS
• Nextseo
• Vercel og

Vor Ort laufen

Um die Anwendung lokal auszuführen, müssen nur wenige Umgebungsvariablen definiert werden (in .env.local ):

1. NEXT_PUBLIC_URL - Wird zum Erstellen von absoluten URLs verwendet, z.
2. NOTION_TOKEN - verwendet von dem Begriff API -Client, NORE -Informationen hier
3. NOTION_DATABASE_ID - Wird verwendet, um Notizen/Blog -Postliste abzurufen

Es gibt ein bestimmtes Datenformat der Begriffsdatenbank, die von der Anwendung benötigt wird. Bei der Abholung des Datenbankinhalts erwartet die Anwendung, dass die folgenden Eigenschaften in der Datenbank konfiguriert werden:

1. id
2. created_time
3. last_edited_time
4. cover
5. hashtags
6. title
7. description
8. slug -verwendet als Notizenschlange zum Beispiel in /notes/hello-world Die Schnecke wäre hello-world
9. published - verwendet, um unveröffentlichte Notizen aus der Liste der verfügbaren Notizen zu filtern
10. publishedAt
11. inProgress - Wird verwendet, um Work in progress -Abzeichen in der Notizenliste angezeigt anzuzeigen

So sollte die Datenbank in der Vorstellung aussehen:

Führen Sie nach der Definition von Umgebungsvariablen und Ihrer Begriffsdatenbank die Anwendung aus

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

OG Bildergenerierung

Die Anwendung generiert mithilfe von Lambda -Funktionen und Puppärter automatisch geöffnete Diagrammbilder

Hauptseite Beispiel

Beispiel für Blog -Beitrag

Credits

Design stark inspiriert von Rückenwind UI Spotlight -Vorlage

Bereitstellung in Vercel

Lizenz

MIT