ericwu.me

เว็บไซต์ส่วนตัวของฉัน

ericwu.me

สร้างขึ้นโดยใช้ next.js 14. เว็บไซต์มีบล็อกที่ขับเคลื่อนโดย Notion API ซึ่งทำหน้าที่เป็น CMS การออกแบบได้รับแรงบันดาลใจจากการออกแบบ Bento ของ NEV Flynn โดยเน้นไปที่ความเรียบง่ายและอินเทอร์เฟซที่ใช้งานง่าย

คุณสมบัติ

• Next.js 14 : ใช้คุณสมบัติล่าสุดของ next.js สำหรับการเรนเดอร์อย่างรวดเร็วและการเพิ่มประสิทธิภาพ SEO ที่มีประสิทธิภาพ
• Notion API : รวมความคิดเป็น CMS แบบไม่มีหัวเพื่อจัดการและดึงเนื้อหาบล็อกแบบไดนามิก
• การออกแบบเบนโตะตอบสนอง : ใช้หลักการความงามและการทำงานของการออกแบบเบนโตะปรับแต่งเพื่อรูปลักษณ์และความรู้สึกที่เป็นเอกลักษณ์

เริ่มต้น

ข้อกำหนดเบื้องต้น

ก่อนที่คุณจะเริ่มตรวจสอบให้แน่ใจว่าคุณติดตั้งดังต่อไปนี้:

• node.js (แนะนำ v16.x หรือใหม่กว่า)
• NPM หรือเส้นด้าย

การติดตั้ง

1. โคลนที่เก็บ:

   git clone https://github.com/itsEricWu/ericwu.me.git

2. ติดตั้งการพึ่งพา:

   yarn install

3. ตั้งค่าตัวแปรสภาพแวดล้อม: สร้างไฟล์. .env.local ในไดเรกทอรีรูทและเพิ่มตัวแปรต่อไปนี้:

    OPENAI_API_KEY=exampleAPIKey
    NEXT_PUBLIC_MAPBOX_TOKEN=exampleAPIKey
    NEXT_PUBLIC_FIREBASE_API_KEY=exampleAPIKey
    SITE_URL=https://www.example.com
   

ดำเนินโครงการ

เพื่อเรียกใช้เซิร์ฟเวอร์การพัฒนา:

yarn dev

เปิด http: // localhost: 3000 พร้อมเบราว์เซอร์ของคุณเพื่อดูผลลัพธ์

การปรับใช้

เว็บไซต์นี้พร้อมที่จะปรับใช้บนแพลตฟอร์มเช่น Vercel, Netlify หรือแพลตฟอร์มอื่น ๆ ที่รองรับ Next.js. ทำตามเอกสารการปรับใช้ของแพลตฟอร์มที่คุณเลือกสำหรับคำแนะนำเฉพาะ

ประวัติดาว

การบริจาค

ยินดีต้อนรับ! สำหรับการเปลี่ยนแปลงครั้งใหญ่โปรดเปิดปัญหาก่อนเพื่อหารือเกี่ยวกับสิ่งที่คุณต้องการเปลี่ยนแปลง