jamstack cms

잼스택

JAMstack 사이트를 구축해보려고 하는 실험입니다.

클라이언트 측 JavaScript, 재사용 가능한 API 및 사전 구축된 마크업을 기반으로 하는 최신 웹 개발 아키텍처입니다.

성분은 다음과 같습니다:

• JavaScript: jQuery를 사용한 클라이언트 측 논리
• API: Azure에서 호스팅되는 Azure Functions Core Tools를 사용한 서버 쪽 논리
• 마크업: Hugo로 생성된 정적 HTML
• 콘텐츠: Netlify CMS를 사용한 Git 기반 헤드리스 CMS

Hugo 사이트의 소스 코드:

• /src/사이트

Azure Functions의 소스 코드:

• /src/api

이 사이트는 Netlify에서 호스팅됩니다:

• http://jamstack-cms.netlify.com

달리다

사이트를 로컬에서 실행하려면 /src/site/data/api.toml을 편집하세요.

[ recipe ]
get_ingredients = " http://localhost:7071/api/Ingredients/ "

[ submit ]
post_recipe = " http://localhost:7071/api/Recipe "

Hugo 사이트를 실행합니다.

cd src/site

hugo server

Azure Functions를 실행합니다.

cd src/api

func host start --cors http://localhost:1313

먹다:

http://localhost:1313

속성

잼 레시피는 스웨덴 사이트 Tasteline.com에서 가져왔습니다.

• 애플 잼: http://www.tasteline.com/recept/appelmos-grundrecept/
• 링곤베리 잼: http://www.tasteline.com/recept/lingonsylt/
• 딸기잼: http://www.tasteline.com/recept/jordgubbssylt/

스웨덴어에서 영어로의 번역은 Google 번역을 사용하여 수행되었습니다.

이미지는 Flickr에서 가져왔습니다.

• 사과: https://www.flickr.com/photos/1sock/7910673688/ by 1sock
• 링곤베리: https://www.flickr.com/photos/kymis/2875484409/ 작성자: Jyrki Kymäläinen
• 딸기: https://www.flickr.com/photos/42787780@N04/6984507532/ 작성자: Fried Dough