silexlabs/Silex

어떤 프로젝트인가요?

핵심 기능

• 01HTML, CSS, JS 편집을 지원하는 드래그 앤 드롭 비주얼 편집기
• 02어디서나 호스팅할 수 있는 깔끔한 정적 HTML/CSS 내보내기
• 03구성 요소를 WordPress, Strapi, Squidex 또는 GraphQL 콘텐츠에 연결
• 04템플릿 기반 정적 사이트 생성에 11ty 사용
• 05JS/TS로 서버와 클라이언트를 확장하는 플러그인 시스템
• 06Docker, Node.js 또는 CapRover를 통한 셀프 호스팅

활용 사례

• 클라이언트 웹사이트를 비주얼 방식으로 제작하고 표준 정적 파일로 전달
• 호스팅형 빌더에 종속되지 않고 마케팅 사이트나 포트폴리오 사이트 제작
• WordPress를 콘텐츠 소스로 사용하면서 테마 계층을 비주얼 프런트엔드로 대체
• 데스크톱 앱에서 MCP에 연결된 AI 어시스턴트로 페이지 디자인

빠른 시작

1. 1

   하위 모듈을 포함해 저장소를 클론합니다

   git clone --recurse-submodules https://github.com/silexlabs/Silex.git
2. 2

   프로젝트 폴더로 이동합니다

   cd Silex
3. 3

   종속성을 설치하고 빌드한 다음 서버를 시작합니다

   pnpm install && pnpm build && pnpm start
4. 4

   브라우저에서 http://localhost:6805 를 엽니다

사용 전 알아둘 점

• !데스크톱 앱은 아직 알파 버전입니다.
• !AGPL-3.0 라이선스에 따라 제공됩니다. 이는 강한 카피레프트 라이선스로, 수정한 버전을 배포하거나 호스팅할 때 적용됩니다.

포함된 컬렉션

토픽

자주 묻는 질문

Silex은(는) 무엇인가요?

드래그 앤 드롭으로 페이지를 디자인하고 어디서나 호스팅할 수 있는 정적 HTML/CSS 사이트로 내보내는 자유 오픈소스 비주얼 웹사이트 빌더입니다. Silex는 GrapesJS를 기반으로 한 브라우저형 비주얼 편집기로, 코드를 작성하지 않고 웹사이트를 만들 수 있습니다. 구성 요소를 배치하고 HTML, CSS, JS를 편집한 뒤 결과물을 표준 정적 HTML 및 CSS로 게시할 수 있어, 사이트가 독점 포맷이나 호스팅 제공업체에 종속되지 않습니다.

Silex은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

Silex은(는) AGPL-3.0 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

Silex은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. Silex의 마지막 커밋은 2026년 11월 7일입니다.

Silex은(는) 어디에 사용할 수 있나요?

클라이언트 웹사이트를 비주얼 방식으로 제작하고 표준 정적 파일로 전달 호스팅형 빌더에 종속되지 않고 마케팅 사이트나 포트폴리오 사이트 제작 WordPress를 콘텐츠 소스로 사용하면서 테마 계층을 비주얼 프런트엔드로 대체 데스크톱 앱에서 MCP에 연결된 AI 어시스턴트로 페이지 디자인

Silex는 어떻게 설치하나요?

하위 모듈을 포함해 저장소를 클론합니다: git clone --recurse-submodules https://github.com/silexlabs/Silex.git 프로젝트 폴더로 이동합니다: cd Silex 종속성을 설치하고 빌드한 다음 서버를 시작합니다: pnpm install && pnpm build && pnpm start 브라우저에서 http://localhost:6805 를 엽니다

Silex은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/silexlabs/Silex