tina cloud starter

Tina Starter?

Next.js Starter นี้ขับเคลื่อนโดย TINACMS สำหรับคุณและทีมของคุณในการถ่ายทอดสดการแก้ไขเนื้อหาที่มีโครงสร้างของเว็บไซต์ของคุณ

เนื้อหาได้รับการจัดการผ่านไฟล์ Markdown และ JSON ที่เก็บไว้ในที่เก็บ GitHub ของคุณและสอบถามผ่าน Tina GraphQL API

คุณสมบัติ

• TINA Headless CMS สำหรับการรับรองความถูกต้องการสร้างแบบจำลองเนื้อหาการแก้ไขภาพและการจัดการทีม
• การปรับใช้ Vercel เพื่อแก้ไขเว็บไซต์ของคุณจากเส้นทาง /admin
• เวิร์กโฟลว์การพัฒนาท้องถิ่นจากระบบไฟล์ด้วยเซิร์ฟเวอร์ Graqhql ในเครื่อง

ความต้องการ

• git, node.js แอคทีฟ LTS, PNPM ติดตั้งเพื่อการพัฒนาในท้องถิ่น
• บัญชี TINACMS สำหรับการแก้ไขสด

การพัฒนาท้องถิ่น

ติดตั้งการพึ่งพาของโครงการ:

บันทึก

คุณรู้จักผู้จัดการแพ็คเกจที่ดีที่สุดสำหรับ node.js หรือไม่? การใช้ตัวจัดการแพ็คเกจที่เหมาะสมสามารถปรับปรุงเวิร์กโฟลว์การพัฒนาของคุณได้อย่างมาก เราขอแนะนำให้ใช้ PNPM สำหรับความเร็วและการจัดการที่มีประสิทธิภาพ เรียนรู้เพิ่มเติมเกี่ยวกับสาเหตุที่ PNPM อาจเป็นตัวเลือกที่ดีที่สุดสำหรับโครงการของคุณโดยตรวจสอบกฎนี้จาก SSW

 pnpm install

เรียกใช้โครงการในพื้นที่:

 pnpm dev

URL ท้องถิ่น

• http: // localhost: 3000: เรียกดูเว็บไซต์
• http: // localhost: 3000/admin: เชื่อมต่อกับ Tina Cloud และไปในโหมดแก้ไข
• http: // localhost: 3000/exit-admin: ออกจากระบบ Tina Cloud
• http: // localhost: 4001/altair/: GraphQl Playground เพื่อทดสอบการค้นหาและเรียกดูเอกสาร API

การสร้างสตาร์ทเตอร์ในพื้นที่ (โดยใช้เนื้อหาที่โฮสต์ API)

แทนที่ .env.example ด้วย .env

 NEXT_PUBLIC_TINA_CLIENT_ID=<get this from the project you create at app.tina.io>
TINA_TOKEN=<get this from the project you create at app.tina.io>
NEXT_PUBLIC_TINA_BRANCH=<Specify the branch with Tina configured>

สร้างโครงการ:

pnpm build

ขอความช่วยเหลือ

เพื่อขอความช่วยเหลือเกี่ยวกับความท้าทายของ TINACMS ที่คุณมี:

• เยี่ยมชมเอกสารเพื่อเรียนรู้เกี่ยวกับทีน่า
• เข้าร่วม Discord ของเราเพื่อแบ่งปันความคิดเห็น
• เยี่ยมชมฟอรัมชุมชนเพื่อถามคำถาม
• รับการสนับสนุนผ่านวิดเจ็ตแชทบนแผงควบคุม TINACMS
• ส่งอีเมลถึงเราเพื่อกำหนดเวลาการโทรกับทีมงานของเราและแบ่งปันเพิ่มเติมเกี่ยวกับบริบทของคุณและสิ่งที่คุณพยายามจะบรรลุ
• ค้นหาหรือเปิดปัญหาหากสิ่งที่ไม่ทำงาน
• ติดต่อ Twitter ที่ @tina_cms

เคล็ดลับการพัฒนา

รหัส Visual Studio GRAPHQL

ติดตั้งส่วนขยาย GraphQL เพื่อรับประโยชน์จากการเติมอัตโนมัติประเภท

ตัวพิมพ์ใหญ่

วิธีที่ดีในการตรวจสอบให้แน่ใจว่าส่วนประกอบของคุณตรงกับรูปร่างของข้อมูลของคุณคือการใช้ประโยชน์จากประเภท typescript ที่สร้างโดยอัตโนมัติ สิ่งเหล่านี้จะถูกสร้างขึ้นมาใหม่เมื่อการกำหนดค่า tina ของคุณเปลี่ยนไป

ใบอนุญาต

ได้รับใบอนุญาตภายใต้ใบอนุญาต Apache 2.0