Download nextjs notion blog starter - Download Kode Sumber nextjs notion blog starter

nextjs notion blog starter

Kode Sumber AI

1.0.0

Unduh

Starter blog Nextjs Notion

Demo Default - Dikerahkan dari Cabang main
Pengaturan Blog - Saya menulis artikel tentang cara menggunakan starter ini untuk memulai blog Anda

Fitur

✅ Pengaturan hanya membutuhkan beberapa menit (konfigurasi file tunggal)?
✅ Berlangganan buletin melalui API ConvertKit
✅ Analisis sederhana dengan umami
✅ Gambar sosial OG Otomatis dengan Template Tailwind
✅ URL cantik otomatis
✅ Kecepatan halaman yang sangat baik
✅ Dioptimalkan untuk Next.js dan Vercel

? Membangun dengan

Kerangka kerja : Next.js, TypeScript
Styling : Tailwind CSS
Konten : Gagasan API
Newsletter : ConvertKit
Penyebaran : Vercel

Tinjauan Proyek

layouts/* - Tata letak berbeda yang digunakan pada setiap halaman.
components/* - Komponen yang digunakan di seluruh situs.
components/blocks/* - Blok khusus yang dibuat untuk rendering gagasan.
utils/* - kependekan dari "utilitas", kumpulan utilitas atau kode bermanfaat untuk layanan eksternal.
pages/api/* -Rute API Powering /og-image Dynamic OG Image dan /subscribe-convertkit NEWSLETTER SPERKRIPTION.
pages/blog/* - Halaman blog pra -render statis yang mengambil informasi dari API Notion.
pages/* - Semua halaman statis lainnya.
public/* - Aset statis termasuk gambar, font, dan video.
styles/* - Gaya global dan tailwind.
siteData.ts - file sederhana yang berisi data global tentang situs.

? ‍♂️ Berlari secara lokal

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

Buat file .env mirip dengan .env.example dan sertakan tombol yang sesuai.

Diseret ke 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=