gatsby starter landing page 다운로드 - gatsby starter landing page 소스 코드 다운로드

다운로드

페이지 미리보기

개츠비 랜딩 페이지 스타터

나중에 제거해야 할 모든 종류의 추가 기능이 없는 간단하고 최소한이며 사용하기 쉬운 랜딩 페이지 스타터입니다. 이미 괜찮아 보이는 단일 페이지가 포함된 기본 템플릿에서 매우 빠르고 아름다운 랜딩 페이지를 만듭니다.

아직 Gatsby CLI를 설치하지 않았다면 먼저 설치하세요.

npm install --global gatsby-cli

Gatsby CLI는 설치가 필요한 Node와 npm을 사용합니다. 자세한 내용은 GatsbyJS.org에서 확인할 수 있습니다.

Gatsby new 명령을 사용하여 스타터를 설치하십시오.

gatsby new landing-page https://github.com/gillkyle/gatsby-starter-landing-page.git

프로젝트 디렉토리로 이동하여 사이트를 시작하십시오.

 cd landing-page && gatsby develop

사이트는 기본 브라우저에서 http://localhost:8000으로 열립니다.

/src 에서 코드를 편집하고 변경 사항을 저장하면 브라우저에서 즉시 다시 로드됩니다.

최소 랜딩 페이지 스타터에는 이미 몇 가지 플러그인이 설치되어 있지만 주요 초점은 단순함과 깔끔한 외관을 유지하는 것입니다. 기본적으로 다음 사항이 포함됩니다.

? Gatsby 이미지: src/images 폴더에 추가된 이미지는 gatsby-image 플러그인에 의해 자동으로 최적화되며 지연 로딩 및 흐림 효과를 사용하여 구성 요소로 가져올 수 있습니다.
Analytics: Google Analytics 추적 ID를 gatsby-config.js 에 추가하면 사이트 방문자 추적이 자동으로 시작됩니다.
? 사이트맵: 사이트에 추가된 모든 새 페이지는 gatsby-plugin-sitemap 통해 자동으로 사이트맵으로 함께 구성됩니다.
? 색상 테마: src/styles/constants.js 파일에는 자신만의 스타일로 재정의할 수 있는 사이트의 구성 요소에 인라인으로 적용되는 색상 및 기본 스타일 세트가 포함되어 있습니다.