strapi starter next corporate 다운로드 -Strapi strapi starter next corporate 소스 코드 다운로드

strapi starter next corporate

AI 소스 코드

1.0.0

다운로드

⛔ 감가 상각됩니다

이 저장소는 더 이상 유지 관리되지 않으며 Strapi v3에서만 작동합니다. 이 스타터의 최신 Strapi V4 버전은 스타터 앤 테일 테이트 Monorepo에서 찾을 수 있습니다.

Strapi 스타터 다음 회사 사이트

Strapi와 함께 회사 사이트를 만드는 다음 스타터.

라이브 데모보기 • 블로그 게시물을 읽으십시오

스크린 웨스 사이트

이 스타터는 유연성을 위해 설계되었습니다. 이를 사용하면 Strapi에서 웹 사이트 콘텐츠를 완전히 관리하고 다음 앱을 자동으로 생성 할 수 있습니다. 마케팅 팀은 개발자의 도움없이 페이지를 만들고 레이아웃을 디자인 할 수 있습니다.

이 스타터 기능 :

Strapi 내에서 페이지를 작성하고 코드가 필요하지 않습니다
완전히 유연한 페이지 구조 : UI 섹션을 사용하려는 페이지를 설계
상자 밖에서 8 개의 UI 섹션 : Hero, Richtext, Largagevideo, 평가, 가격, 바닥 작곡, 피집어, Featurecolumns
꼬리 바람으로 테마가 쉽습니다
다음에 정적 사이트 생성
통합 미리보기 모드, 게시하기 전에 개인 URL에서 페이지를 볼 수 있습니다.
i18N을 사용하여 여러 언어로 된 내용

이 스타터는 Strapi Corporate Template를 사용합니다

여기에서 모든 스타터를 확인하십시오

시작하기

create-strapi-starter CLI를 사용하여 프로젝트를 만듭니다.

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> Page의 Strapi에 입력 한 슬러그입니다.

미리보기 모드가 켜져있는 동안 published draft 페이지와 마찬가지로 초안 페이지에 액세스 할 수 있습니다.

예를 들어 http : // localhost : 3000/secret은 미리보기 모드에서 사용할 수 있습니다.

미리보기 모드가 켜져 있음을 알리기 위해 배너가 내비게이션 아래에 남아 있으며,이를 끄는 것도 가능합니다.

회사 사이트를 사용자 정의하십시오

이 웹 사이트를 편집하려면 개발 환경에서 프론트 엔드와 백엔드를 모두 실행해야합니다.

섹션 추가

우리는 당신을 위해 섹션을 구축했지만 당신은 당신의 요구에 맞게 더 많은 것을 추가하고 싶을 것입니다. 다음 단계를 따르십시오.

"섹션"카테고리에서 strapi에서 새 구성 요소 만들기
컨텐츠 유형 빌더에서 페이지 수집을 열고 contentSections 필드에서 새 섹션을 확인하십시오.
/frontend/components/sections 에서 data 소품을 취하는 React 구성 요소 작성
Strapi 섹션을이 REACT 구성 요소에 연결하려면 /frontend/components/sections.js 열고 sectionComponents 객체에 항목을 추가하십시오.

맞춤 테마

스타일링을 위해 Tailwind CSS를 사용합니다. 페이지의 모양을 수정하려면 /front/tailwind.config.js 에서 테마를 편집 할 수 있습니다. Tailwind Docs를 읽고 변경할 수있는 모든 변경 사항을 볼 수 있습니다. 예를 들어 다음과 같은 기본 색상을 변경할 수 있습니다.

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

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