찾다
웹 프론트엔드CSS 튜토리얼Jamstack CMSS가 마침내 자랐습니다!

Jamstack CMSS가 마침내 자랐습니다!

이 기사는 Brian 's Connect.Tech 2019 프리젠 테이션 (다운로드 할 수있는 슬라이드)을 요약합니다. Jamstack CMSS의 진화를 탐구하며, 개발자 중심 도구에서 비 기술적 컨텐츠 제작자에게 적합한 솔루션으로 전환하는 데 중점을 둡니다.

개발자는 Jamstack의 장점과 같은 속도 (CDN의 정적 리소스), 보안 (서버 측 구성 요소 없음) 및 간소화 된 개발/배포를 쉽게 파악합니다. 그러나 컨텐츠 제작 워크 플로는 초기 과제를 제시했습니다. 전통적인 CMS는 개발자 비판에 직면했지만 초기 Jamstack 솔루션은 종종 비 기술적 인 사용자에게 부담을줍니다.

초기 : 개발자 중심의 생태계

정적 사이트 생성기 (Jekyll, Hugo, Gatsby)는 개발자 채택으로 인해 인기를 얻었습니다. 이들은 일반적으로 개발자 구축, 유지 관리 및 콘텐츠 인구 프로젝트였습니다. 2015 년 O'Reilly 보고서에 명시된 바와 같이 :

정적 사이트 생성기는 개발자를 위해 구축되었습니다. 비 개발자는 컨텐츠 및 메타 데이터에 사용되는 형식 인 Markdown, Yaml 또는 JSON에 익숙하지 않을 것입니다.

2017 년까지도 (Raymond Camden과 공동 저술 한 O'Reilly Book), Jekyll Admin 및 Netlify CMS와 같은 초기 도구는 WordPress와 같은 플랫폼의 Wysiwyg 편집기와 비교하여 미숙했습니다. 편집 경험은 Markdown 및 기타 마크 업 언어 능력을 요구했습니다. 이 제한된 주류 채택.

성숙 단계 : GIT 기반 및 API 우선 CMS

향후 몇 년 동안 GIT 기반 CMSS의 부상과 API 우선 헤드리스 CMS의 두 가지 트렌드가 Jamstack 환경을 변화 시켰습니다.

Netlify CMS (Open-Source)는 GIT 기반 접근법을 보여줍니다. 전통적인 콘텐츠 저장소 대신 Markdown, Yaml 및 JSON을 편집하는 도구를 제공하여 저장소에 직접 변경하여 사이트 Rebuild를 트리거합니다. 임업과 같은 다른 웹 기반 옵션이 있습니다.

API-First CMSS (Contentful, Datocms, Sanity)는보다 전통적인 편집 경험을 제공하여 콘텐츠를 저장하고 API를 통해 모든 프론트 엔드에 제공합니다. 이 분리는 Jamstack과 잘 작동하여 프론트 엔드 디스플레이에서 컨텐츠 관리를 분리합니다. 많은 사람들이 인기있는 정적 사이트 생성기와 통합됩니다. Headlesscms.org는 사용 가능한 도구의 포괄적 인 목록을 제공합니다. Bejamas의 게시물은 GIT 기반 대 API-First CMS의 상세한 비교를 제공합니다.

이러한 개선 된 컨텐츠 생성은 백엔드 편집과 프론트 엔드 디스플레이 간의 연결이 계속 남아 있습니다. 재건 시간과 함께 즉각적인 시각적 피드백의 부족으로 인해 불완전한 워크 플로가 생겼습니다.

미래 : 프론트 엔드 편집 및 미리보기

JAMSTACK_CONF_SF는이 차이를 연결하는 도구를 보여줍니다. Forestry 's Tinacms (Open-Source)는 GIT 기반 CMSS를 사용하여 Gatsby 및 Next.js 사이트에 대한 Wysiwyg Frontend 편집 경험을 제공합니다. Stackbit Live (Stackbit, 내가 개발자 옹호자 인 Stackbit)는 온 페이지 편집 및 미리보기를위한 CMS 및 정적 사이트 생성기 공수 솔루션을 제공합니다.

이러한 발전은 전통적인 CMS의 진정한 대안으로 "Jamstack Headless"의 생존력을 보여줍니다. 개발자 경험과 컨텐츠 편집기 유용성 사이의 상충 관계가 감소하고 있습니다. 2020 년까지 Jamstack CMSS는 크게 성숙했습니다. ??인?

위 내용은 Jamstack CMSS가 마침내 자랐습니다!의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
두 개의 이미지와 API : 제품을 다시 칠하는 데 필요한 모든 것두 개의 이미지와 API : 제품을 다시 칠하는 데 필요한 모든 것Apr 15, 2025 am 11:27 AM

최근에 제품 이미지의 색상을 동적으로 업데이트하는 솔루션을 찾았습니다. 따라서 제품 중 하나만 사용하여 다른 방식으로 색칠 할 수 있습니다.

주간 플랫폼 뉴스 : 제 3 자 코드, 수동 혼합 콘텐츠, 가장 느린 연결이있는 국가의 영향주간 플랫폼 뉴스 : 제 3 자 코드, 수동 혼합 콘텐츠, 가장 느린 연결이있는 국가의 영향Apr 15, 2025 am 11:19 AM

이번 주에 라운드 업, Lighthouse는 타사 스크립트에 빛을 비추고 불안한 자원이 안전한 사이트에서 차단되고 많은 국가 연결 속도가 차단됩니다.

직접 비자 스크립트 기반 분석을 호스팅하는 옵션직접 비자 스크립트 기반 분석을 호스팅하는 옵션Apr 15, 2025 am 11:09 AM

사이트에서 방문자 및 사용 데이터를 추적하는 데 도움이되는 분석 플랫폼이 많이 있습니다. 아마도 널리 사용되는 Google 웹 로그 분석

그것은 모두 헤드에있는 모든 것 : React Helmet과 함께 React 전원 사이트의 문서 헤드 관리그것은 모두 헤드에있는 모든 것 : React Helmet과 함께 React 전원 사이트의 문서 헤드 관리Apr 15, 2025 am 11:01 AM

문서 헤드는 웹 사이트에서 가장 화려한 부분이 아닐 수도 있지만 웹 사이트의 성공에 중요합니다.

JavaScript의 Super () 란 무엇입니까?JavaScript의 Super () 란 무엇입니까?Apr 15, 2025 am 10:59 AM

Super ()?를 호출하는 JavaScript를 볼 때 어떤 일이 발생 하는가. 아동 클래스에서는 Super ()를 사용하여 부모의 생성자와 Super를 호출합니다. 그것의 접근

다양한 유형의 기본 JavaScript 팝업 비교다양한 유형의 기본 JavaScript 팝업 비교Apr 15, 2025 am 10:48 AM

JavaScript에는 사용자 상호 작용을위한 특수 UI를 표시하는 다양한 내장 팝업 API가 있습니다. 뛰어나게:

액세스 가능한 웹 사이트를 구축하기가 어려운 이유는 무엇입니까?액세스 가능한 웹 사이트를 구축하기가 어려운 이유는 무엇입니까?Apr 15, 2025 am 10:45 AM

나는 다른 날에 많은 회사들이 액세스 가능한 웹 사이트를 만드는 데 어려움을 겪고있는 이유에 대해 다른 프론트 엔드 사람들과 대화를 나누고있었습니다. 액세스 가능한 웹 사이트가 왜 그렇게 어려운가

'숨겨진'속성은 눈에 띄게 약합니다'숨겨진'속성은 눈에 띄게 약합니다Apr 15, 2025 am 10:43 AM

당신이해야 할 일을 정확하게 수행하는 HTML 속성이 있습니다.

See all articles

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

인기 기사

R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
4 몇 주 전By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 최고의 그래픽 설정
4 몇 주 전By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 아무도들을 수없는 경우 오디오를 수정하는 방법
4 몇 주 전By尊渡假赌尊渡假赌尊渡假赌
WWE 2K25 : Myrise에서 모든 것을 잠금 해제하는 방법
1 몇 달 전By尊渡假赌尊渡假赌尊渡假赌

뜨거운 도구

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

Atom Editor Mac 버전 다운로드

Atom Editor Mac 버전 다운로드

가장 인기 있는 오픈 소스 편집기

VSCode Windows 64비트 다운로드

VSCode Windows 64비트 다운로드

Microsoft에서 출시한 강력한 무료 IDE 편집기

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

DVWA

DVWA

DVWA(Damn Vulnerable Web App)는 매우 취약한 PHP/MySQL 웹 애플리케이션입니다. 주요 목표는 보안 전문가가 법적 환경에서 자신의 기술과 도구를 테스트하고, 웹 개발자가 웹 응용 프로그램 보안 프로세스를 더 잘 이해할 수 있도록 돕고, 교사/학생이 교실 환경 웹 응용 프로그램에서 가르치고 배울 수 있도록 돕는 것입니다. 보안. DVWA의 목표는 다양한 난이도의 간단하고 간단한 인터페이스를 통해 가장 일반적인 웹 취약점 중 일부를 연습하는 것입니다. 이 소프트웨어는