11straps - GitLite

KO | EN

gitlite — search

#react #ai #typescript #llm #android #machine-learning #rust #deep-learning #macos #awesome #cli #kubernetes #vue #openai

11straps

(★ 126)

11straps is a static website boilerplate. It combines Eleventy with Bootstrap 5. 🎉

파일 탐색기

최종 버전 다운로드 (.zip)

- dependabot.yml
- - global.json
  - metadata.json
- - inter-v12-latin-300.woff
  - inter-v12-latin-300.woff2
  - inter-v12-latin-500.woff
  - inter-v12-latin-500.woff2
  - inter-v12-latin-700.woff
  - inter-v12-latin-700.woff2
  - inter-v12-latin-regular.woff
  - inter-v12-latin-regular.woff2
- - .DS_Store
  - favicon.png
  - hkimg.png
  - samplecover.png
- - bootstrap.bundle.js
  - bootstrap.bundle.js.map
  - bootstrap.bundle.min.js
  - bootstrap.bundle.min.js.map
  - bootstrap.esm.js
  - bootstrap.esm.js.map
  - bootstrap.esm.min.js
  - bootstrap.esm.min.js.map
  - bootstrap.js
  - bootstrap.js.map
  - bootstrap.min.js
  - bootstrap.min.js.map
- - post1.md
  - post2.md
  - post3.md
  - post4.md
  - post5.md
  - posts.json
- - theme.scss
- blog.njk
- default.njk
- index.njk
- tags.njk
- tagslist.njk
.eleventy.js
.gitattributes
.gitignore
gulpconfig.json
gulpfile.js
LICENSE
netlify.toml
package-lock.json
package.json
README.md

# 설치 가이드

1. 코드 내려받기

git clone https://github.com/holger1411/11straps

깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.

cd 11straps

방금 내려받은 프로젝트 폴더 안으로 이동합니다.

2. Node.js

쉬움 추천

사전 준비물

Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
Node.js npm 명령어를 쓰려면 Node.js가 설치되어 있어야 합니다. LTS(장기지원) 버전을 추천합니다.

npm install

package.json에 명시된 라이브러리들을 내려받아 설치합니다.

npm run build-dev

배포용으로 코드를 최적화해서 빌드 파일을 생성합니다.

npm run watch

이 명령어를 터미널에 그대로 입력해 실행하세요.

npm run build

배포용으로 코드를 최적화해서 빌드 파일을 생성합니다.

✅ 명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.

이 레포의 README에 적힌 실제 명령어를 그대로 가져왔습니다.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 11straps = 11ty + Bootstrap5

[![Netlify Status](https://api.netlify.com/api/v1/badges/64b42b0c-aeba-4583-b023-202fcdf571bb/deploy-status)](https://app.netlify.com/sites/11straps-demo/deploys)

**Live Demo**: <a href="https://11straps.com" target="_blank">11straps.com</a>

## What is 11straps?
11straps is a simple boilerplate. It combines the static site generator <a href="https://www.11ty.dev/" target="_blank">11ty</a> with the CSS framework <a href="https://getbootstrap.com/" target="_blank">Bootstrap 5</a> and is stitched together with some npm and Gulp magic dust. It minifies and purges the CSS file (so it removes any unused CSS) and comes with a static server and browser sync support for your local development.

## Requirements
You need Node (at least v8+) on your computer. To check if you have node and what version run this command in your terminal:
```
node --version
```

## Want to try it out now?
[![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/holger1411/11straps)

## Installation
Download and extract the [latest release](https://github.com/holger1411/11straps/releases) or checkout the main branch of this repo.
Fire up your terminal, go to the new folder and run:
```
npm install
```
Now you are good to go.

## Build it for dev
To build your static website for local development run:
```
npm run build-dev
```
This will build the static website into the `/dev` folder without all the minifiying and purging stuff (<- much faster and a more human friendly code output, but a much bigger package)

## Run in dev mode
To run the build-dev task automatically on file changes run:
```
npm run watch
```
That will run a local server from `/dev` folder and connects browser sync to it. On changes within the `/src` folder it will run the `npm run build-dev` command automatically and will refresh your browser.

## Build it for prod
If you are done with your dev work and happy with it its time to deploy your static website into the wild wild west (www). To build your static website for a prod deployment run:
```
npm run build
```
That will output the full site, with purged and minified CSS and minified html. The output will be stored in the `/public` folder.