jarocki.me

BARTOSZ JAROCKI - เว็บไซต์ส่วนบุคคลที่สร้างขึ้นโดยใช้ next.js และความคิดเป็น CMS แบบไม่มีหัว

นี่คือเว็บไซต์ส่วนตัวของฉันที่สร้างขึ้นโดยใช้

• ตัวพิมพ์ใหญ่
• JS ถัดไป
• API ความคิด
• ธีมถัดไป
• tailwind css
• Nextseo
• vercel OG

ทำงานในพื้นที่

ในการเรียกใช้แอปพลิเคชันในเครื่องไม่มีตัวแปรสภาพแวดล้อมน้อย (ใน .env.local ):

1. NEXT_PUBLIC_URL - ใช้ในการสร้าง URL แบบสัมบูรณ์ตัวอย่างเช่นลิงก์ Canonical และ Open Graph Images
2. NOTION_TOKEN - ใช้โดย Notion API Client, ข้อมูลไม่ได้ที่นี่
3. NOTION_DATABASE_ID - ใช้เพื่อดึงข้อมูลบันทึกย่อ/รายการโพสต์บล็อก

มีรูปแบบข้อมูลบางอย่างของฐานข้อมูลความคิดที่แอปพลิเคชันต้องการ เมื่อดึงข้อมูลเนื้อหาฐานข้อมูลแอปพลิเคชันคาดว่าจะกำหนดคุณสมบัติต่อไปนี้ในฐานข้อมูล:

1. id
2. created_time
3. last_edited_time
4. cover
5. hashtags
6. title
7. description
8. slug ใช้เป็น Slug Notes ตัวอย่างเช่นใน /notes/hello-world slug จะเป็น hello-world
9. published - ใช้เพื่อกรองบันทึกที่ไม่ได้เผยแพร่จากรายการบันทึกย่อที่มีอยู่
10. publishedAt
11. inProgress - ใช้ในการแสดงตรา Work in progress ในรายการบันทึกย่อ

นี่คือวิธีที่ฐานข้อมูลในความคิดควรมีลักษณะ:

หลังจากกำหนดตัวแปรสภาพแวดล้อมและฐานข้อมูลแนวคิดของคุณให้เรียกใช้แอปพลิเคชัน

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

การสร้างภาพ OG

แอปพลิเคชันสร้างภาพกราฟเปิดโดยอัตโนมัติโดยใช้ฟังก์ชั่นแลมบ์ดาและหุ่นเชิด

ตัวอย่างหน้าหลัก

ตัวอย่างบล็อกโพสต์

การให้เครดิต

ออกแบบแรงบันดาลใจอย่างหนักจากเทมเพลตสปอตไลท์ของ Tailwind UI

ปรับใช้กับ vercel

ใบอนุญาต

มิกซ์