GatsbyJS
How to start
N을 사용하여 node, npm, yarn을 설치한다.
Install the Gatsby CLI:
Create a Gatsby site:
Start the site in develop mode:
Tutorials
Visual Studio Code에는 Prettier - Code formatter
플러그인이 추천된다.
List of Static Site Generator
- Static Site Generator
- Documentation generator
- Octopress
- Hugo (Golang)
- Pelican
- GatsbyJS (JS+React)
- Jekyll (Ruby)
- Hexo (JavaScript)
- JAMstack
- VuePress
- meli - 스태틱 사이트 오픈소스 호스팅 플랫폼
- Netlify
- GitHub Pages
- ROAPI - 코드 한줄 없이 정적 데이터셋용 API 생성
- zola - A fast static site generator in a single binary with everything built-in.
- Evidence - 데이터 분석가를 위한 웹 프레임워크 (SQL 과 마크다운으로 작성된 문서를 스태틱 사이트 형태의 보고서로 만들어주는 오픈소스)
- Eleventy - Eleventy, a simpler static site generator.
- Nuxt (JavaScript+Vue)
- Zola (Rust)
- Elder (JavaScript+Svelte)
- Lusift - 제품 투어 작성용 JS라이브러리
- Astro - JavaScript를 최소한으로 배포하기
- fusion.ssg - 정적 웹사이트를 위한 미니멀 프레임워크
- 11ty
- SkunkHTML - 마크다운으로 GitHub Page에 웹사이트 자동 생성
- Pelican
- Sphinx (documentation generator)
- Redoc
- mkdocs
- Nikola
- Docusaurus
Gatsby Starters
추천 스타터 목록:
- https://www.gatsbyjs.org/starters/histaff/website-static/
- https://www.gatsbyjs.org/starters/scttcper/gatsby-casper/
- https://www.gatsbyjs.org/starters/GatsbyCentral/gatsby-v2-starter-casper/
- https://www.gatsbyjs.org/starters/LekoArts/gatsby-starter-portfolio-cara/
- https://www.gatsbyjs.org/starters/codebushi/gatsby-starter-dimension/
- https://www.gatsbyjs.org/starters/vasrush/gatsby-starter-landed/
- https://www.gatsbyjs.org/starters/anubhavsrivastava/gatsby-starter-spectral/
- https://www.gatsbyjs.org/starters/anubhavsrivastava/gatsby-starter-solidstate/
- https://www.gatsbyjs.org/starters/anubhavsrivastava/gatsby-starter-fractal/