nextjs notion blog starter Download - nextjs notion blog starter Quellcode Download

nextjs notion blog starter

AI-Quellcode

1.0.0

Herunterladen

NextJS Begriff Blog Starter

Standard -Demo - Eingesetzt von main
Blog -Setup - Ich habe einen Artikel darüber geschrieben, wie Sie diesen Starter verwenden, um Ihr Blog zu starten

Merkmale

✅ Setup dauert nur wenige Minuten (Einzeldateikonfiguration)?
✅ Newsletter -Abonnement über CONVERTKIT -API
✅ Einfache Analytik mit Umami
✅ Automatische OG Social Bilder mit Rückenwindvorlage
✅ Automatische hübsche URLs
✅ Ausgezeichnete Seitengeschwindigkeit
✅ optimiert für Next.js und Vercel

? Bauen mit

Framework : Next.js, TypeScript
Styling : Rückenwind -CSS
Inhalt : Begriff API
Newsletter : Convertkit
Bereitstellung : Vercel

Projektübersicht

layouts/* - Die verschiedenen auf jeder Seite verwendeten Layouts.
components/* - Komponenten, die auf dem gesamten Standort verwendet werden.
components/blocks/* - benutzerdefinierte Blöcke für die Renderung des Begriffs.
utils/* - kurz für "Dienstprogramme", eine Sammlung hilfreicher Dienstprogramme oder Code für externe Dienste.
pages/api/* -API-Routen Powering /og-image Dynamic OG Image und /subscribe-convertkit -Newsletter-Abonnement.
pages/blog/* - Statisch vorgezogene Blogseiten, die Informationen von der API der Begriff abrufen.
pages/* - Alle anderen statischen Seiten.
public/* - statische Vermögenswerte einschließlich Bildern, Schriftarten und Videos.
styles/* - Globale Stile und Rückenwind.
siteData.ts - Eine einfache Datei mit globalen Daten über die Website.

? ‍Eitung vor Ort

git clone https://github.com/tuanphungcz/nextjs-notion-blog-starter
cd nextjs-notion-blog-starter
pnpm install
pnpm run dev

Erstellen Sie eine .env -Datei ähnlich wie .env.example und geben Sie die entsprechenden Schlüssel ein.

Bereitstellung in Vercel

 NOTION_SECRET=
BLOG_DATABASE_ID=

# ConvertKit is optional
NEXT_PUBLIC_CONVERTKIT_FORM_ID=
NEXT_PUBLIC_CONVERTKIT_API_KEY=

# Umami is optional
NEXT_PUBLIC_UMAMI_ID=
NEXT_PUBLIC_UMAMI_URL=