jarocki.me

Bartosz Jarocki - Situs web pribadi yang dibangun menggunakan Next.js dan gagasan sebagai CMS tanpa kepala

Ini adalah situs web pribadi saya yang dibangun menggunakan

• Naskah
• JS berikutnya
• Gagasan API
• Tema berikutnya
• Tailwind CSS
• NEXTSEO
• Vercel OG

Berjalan secara lokal

Untuk menjalankan aplikasi secara lokal beberapa variabel lingkungan harus didefinisikan (dalam .env.local ):

1. NEXT_PUBLIC_URL - Digunakan untuk membuat URL absolut, misalnya tautan kanonik dan buka gambar grafik
2. NOTION_TOKEN - Digunakan oleh klien API Notion, bukan info di sini
3. NOTION_DATABASE_ID - Digunakan untuk mengambil catatan/daftar posting blog

Ada format data database NOTION tertentu yang diperlukan oleh aplikasi. Saat mengambil konten database, aplikasi mengharapkan properti berikut akan dikonfigurasi dalam database:

1. id
2. created_time
3. last_edited_time
4. cover
5. hashtags
6. title
7. description
8. slug -Digunakan sebagai catatan siput misalnya dalam /notes/hello-world slug akan menjadi hello-world
9. published - Digunakan untuk memfilter catatan yang tidak dipublikasikan dari daftar catatan yang tersedia
10. publishedAt
11. inProgress - Digunakan untuk menampilkan Work in progress lencana di dalam daftar catatan

Beginilah penampilan database dalam gagasan:

Setelah mendefinisikan variabel lingkungan dan database gagasan Anda, jalankan aplikasi

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

Generasi gambar OG

Aplikasi menghasilkan gambar grafik terbuka secara otomatis menggunakan fungsi lambda dan pupuk

Contoh Halaman Utama

Contoh posting blog

Kredit

Desain sangat terinspirasi oleh template Spotlight UI Tailwind

Diseret ke Vercel

Lisensi

Mit