magic portfolio

สร้างผลงานของคุณด้วยผลงานเวทมนตร์ของ UI เมื่อ UI

ดูการสาธิตที่นี่

เริ่มต้น

Magic Portfolio ถูกสร้างขึ้นด้วย UI ครั้งเดียวสำหรับ Next.js มันต้องใช้ node.js v18.17+

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

 git clone https://github.com/once-ui-system/magic-portfolio.git

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

 npm install

3. เรียกใช้เซิร์ฟเวอร์ dev

 npm run dev

4. แก้ไขการกำหนดค่า

 src/app/resources/config

5. แก้ไขเนื้อหา

 src/app/resources/content (or content-i18n for localization)

6. สร้างบล็อกโพสต์ / โครงการ

 Add a new .mdx file to src/app/[locale]/blog/posts or src/app/[locale]/work/projects

คุณสมบัติ

เมื่อ ui

• โทเค็นส่วนประกอบและคุณสมบัติทั้งหมดของ UI หนึ่งครั้ง

SEO

• การสร้างภาพเปิดกราฟและ X อัตโนมัติพร้อม NEXT/OG
• สคีมาอัตโนมัติและการสร้างข้อมูลเมตาตามไฟล์เนื้อหา

ออกแบบ

• เค้าโครงที่ตอบสนองได้ดีที่สุดสำหรับทุกขนาดหน้าจอ
• การออกแบบที่ไร้กาลเวลาโดยไม่มีภาพเคลื่อนไหวและการเคลื่อนไหวหนัก
• ตัวเลือกการปรับแต่งที่ไม่มีที่สิ้นสุดผ่านคุณลักษณะข้อมูล

เนื้อหา

• แสดงส่วนตามเงื่อนไขตามไฟล์เนื้อหา
• เปิดใช้งานหรือปิดการใช้งานหน้าสำหรับบล็อก, ทำงาน, แกลเลอรี่และเกี่ยวกับ / cv
• สร้างและแสดงลิงค์โซเชียลโดยอัตโนมัติ
• ตั้งค่าการป้องกันรหัสผ่านสำหรับ URL

การแปล (ใหม่)

• ขณะนี้ Magic Portfolio รองรับการแปลด้วยไลบรารี Next-INTL
• ดูข้อมูลเพิ่มเติมในทรัพยากร/config.js

ผู้เขียน

เชื่อมต่อกับเราในเธรดหรือ LinkedIn

Lorant Toth: เธรด, LinkedIn
Zsofia komaromi: เธรด, LinkedIn

การแปลที่เพิ่มโดยFrançois Hernandez

เข้าร่วม

• เข้าร่วม Design Engineers Club บน Discord และแบ่งปันผลงานของคุณกับเรา!
• รายงานข้อผิดพลาด

ใบอนุญาต

แจกจ่ายภายใต้ใบอนุญาต CC BY-NC 4.0

• ไม่อนุญาตให้ใช้งานเชิงพาณิชย์
• จำเป็นต้องมีการระบุแหล่งที่มา

ดู LICENSE.txt สำหรับข้อมูลเพิ่มเติม

ปรับใช้กับ vercel