개츠비 - 테마 및 스타터

안녕하세요 코더 여러분,

이 기사에서는 GatsbyJS starters 컬렉션과 간단한 프로젝트에 적합한 테마(원 페이지 웹 사이트, 마크다운/MDX 블로그 및 간단한 출시 예정 페이지)를 제시합니다.

Thanks for reading! - Content provided by App Generator.

GatsbyJS란?

GatsbyJS는 몇 가지 좋은 이유로 지난 몇 년 동안 제가 본 것 중 가장 인상적인 앱 생성기입니다.

즉시 사용 가능한 최신 툴링.

거의 모든 것을 위한 플러그인

Gatsby로 구축된 모든 앱은 Lighthouse에서 90점 이상을 획득합니다

.

다양한 유형의 앱 및 기술에 사용할 수 있는 스타터: 한 페이지, 전자 상거래, 블로그

종합 문서

라이브 지원 on spectrum & Discord

개츠비 시작하기

Gatsby로 앱 구축을 시작하려면 작업 스테이션에 몇 가지 도구 세트가 설치되어 있어야 합니다.

노드 및 Npm

Gatsby CLI - Gatsby 콘솔

GIT - 일부 스타터를 복제하려는 경우

official documentation에는 이 초기 설정에 대한 포괄적인 섹션이 있습니다. 자유롭게 액세스하고 OS에 해당하는 지침을 따르십시오.

# install Gatsby globally 
$ npm install -g gatsby-cli
$
# test the installation
$ gatsby --help

라이선스 정보

모든 스타터와 테마는 디자인 제공자로부터 물려받은 허용 라이선스(MIT 또는 CCY 30)에 따라 출시됩니다. 스타터를 사용하기 전에 라이센스 파일을 읽으십시오. 고맙습니다!

GatsbyJS 패러다임

Html5UP 에이전시에서 제작한 심플한 디자인을 사용하는 멋진GatsbyJS 스타터입니다.

How to use the starter

$ git clone https://github.com/app-generator/gatsby-html5up-paradigm.git
$ cd gatsby-html5up-paradigm
$ yarn # install modules
$ yarn start # start in development mode
$ yarn deploy # live FTP deployment ( Edit FTP credentials in deploy.js first)

GatsbyJS 패션

MIT 라이선스에 따라 출시된 독창적인 레이아웃이 포함된 단순GatsbyJS 스타터입니다.

GatsbyJS 멀티버스

사진 작가 및 시각적 프로젝트에 적합한 AGatsbyJS 스타터.

To build this app, type in your terminal

$ git clone https://github.com/app-generator/gatsby-html5up-multiverse.git
$ cd gatsby-html5up-multiverse
$ yarn # install modules
$ yarn start # start in development mode

GatsbyJS 스펙트럼

Html5 Up 에이전시에서 제공한 디자인의 한 페이지GatsbyJS 웹앱입니다.

GatsbyJS 항공

Html5 Up에서 제공하는 디자인의 롤링 배경이 있는 간단한 출시 예정 앱입니다.

GatsbyJS 하이라이트

HTML5Up Highlights 디자인 위에 GatsbyJS로 구축된 오픈 소스 앱입니다.

개츠비 리소스

Gatsby Apps - Github에 게시된 전체 색인

Gatsby Docs - 공식 문서

Gatsby Starters - 기술 및 용도별로 정렬된 스타터가 포함된 공식 목록

Gatsby Apps - AppSeed에서 지원하는 Gatsby 앱

고맙습니다!