strapi starter next corporate Download - strapi starter next corporate Source Source Download

strapi starter next corporate

โค้ดแหล่งที่มา AI

1.0.0

ดาวน์โหลด

⛔เลิกกิจการ

ที่เก็บนี้ไม่ได้รับการดูแลอีกต่อไปและใช้ได้กับ Strapi V3 เท่านั้น คุณสามารถค้นหารุ่น Strapi V4 ล่าสุดของผู้เริ่มต้นนี้ได้ที่ monorepo starters และ templates

Strapi Starter Next Corporate Site

ผู้เริ่มต้นถัดไปสำหรับการสร้างไซต์องค์กรด้วย Strapi

ดูการสาธิตสด•อ่านโพสต์บล็อก

ไซต์หน้าจอ

ผู้เริ่มต้นนี้ออกแบบมาเพื่อความยืดหยุ่น การใช้มันคุณจะสามารถจัดการเนื้อหาเว็บไซต์ของคุณทั้งหมดใน strapi และรับแอพถัดไปที่สร้างขึ้นโดยอัตโนมัติ ทีมการตลาดจะสามารถสร้างหน้าและออกแบบเค้าโครงของพวกเขาได้โดยไม่ได้รับความช่วยเหลือจากนักพัฒนา

คุณสมบัติเริ่มต้นนี้:

การสร้างหน้าเว็บภายใน strapi ไม่จำเป็นต้องใช้รหัส
โครงสร้างหน้าแบบยืดหยุ่นอย่างเต็มที่: ออกแบบหน้าเว็บที่คุณต้องการโดยใช้ส่วน UI
8 UI ส่วนออกจากกล่อง: Hero, RichText, Largevideo, ข้อความรับรอง, ราคา, การตั้งค่า bottomactions, featurowows, featurecolumns
ง่ายต่อการธีมด้วย tailwind
การสร้างไซต์แบบคงที่ด้วยถัดไป
โหมดตัวอย่างแบบรวมเพื่อดูหน้าของคุณบน URL ส่วนตัวก่อนที่จะเผยแพร่
เนื้อหาในหลายภาษาโดยใช้ i18n

ผู้เริ่มต้นนี้ใช้เทมเพลต Strapi Corporate

ตรวจสอบผู้เริ่มต้นทั้งหมดของเราที่นี่

เริ่มต้น

ใช้ CLI create-strapi-starter ของเราเพื่อสร้างโครงการของคุณ

npx create-strapi-starter@3 my-site next-corporate

CLI จะสร้าง monorepo ติดตั้งการพึ่งพาและเรียกใช้โครงการของคุณโดยอัตโนมัติ

เซิร์ฟเวอร์ส่วนหน้าถัดไปจะทำงานที่นี่ => http: // localhost: 3000

เซิร์ฟเวอร์แบ็กเอนด์ Strapi จะทำงานที่นี่ => http: // localhost: 1337

โหมดดูตัวอย่าง

คุณสามารถเปิดโหมดตัวอย่างด้วย URL เช่นนี้:

http://localhost:3000/api/preview?secret=<preview-secret>&slug=<slug>

<preview-secret> เป็นโทเค็นลับที่กำหนดไว้ในการกำหนดค่า. ENV ของคุณ <slug> คือกระสุนที่คุณป้อนใน strapi สำหรับหน้าของคุณ

ในขณะที่โหมดตัวอย่างอยู่ในคุณสามารถเข้าถึงหน้า draft ได้เช่นเดียวกับที่คุณ published หน้า

ตัวอย่างเช่น http: // localhost: 3000/ความลับจะพร้อมใช้งานในโหมดตัวอย่าง

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

ปรับแต่งไซต์องค์กรของคุณ

ในการแก้ไขเว็บไซต์นี้คุณจะต้องเรียกใช้ทั้งส่วนหน้าและแบ็กเอนด์ในสภาพแวดล้อมการพัฒนาของคุณ

การเพิ่มส่วนต่างๆ

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

สร้างองค์ประกอบใหม่ใน strapi ในหมวดหมู่ "ส่วน"
ในตัวสร้างประเภทเนื้อหาเปิดคอลเลกชันหน้าและตรวจสอบส่วนใหม่ของคุณในฟิลด์ contentSections
สร้างส่วนประกอบปฏิกิริยาที่ใช้เสา data ใน /frontend/components/sections
ในการเชื่อมโยงส่วน strapi ของคุณไปยังส่วนประกอบที่ตอบสนองนี้ให้เปิด /frontend/components/sections.js และเพิ่มรายการไปยังวัตถุ sectionComponents

ธีมที่กำหนดเอง

เราใช้ Tailwind CSS สำหรับการออกแบบ ในการแก้ไขรูปลักษณ์ของหน้าคุณคุณสามารถแก้ไขธีมใน /front/tailwind.config.js อ่านเอกสาร Tailwind เพื่อดูการเปลี่ยนแปลงทั้งหมดที่คุณสามารถทำได้ ตัวอย่างเช่นคุณสามารถเปลี่ยนสีหลักเช่นนี้:

 const { colors } = require ( `tailwindcss/defaultTheme` )

module . exports = {
  theme : {
    extend : {
      colors : {
        primary : colors . green ,
      } ,
    } ,
  } ,
}