jamstack cms

JAMстек

Это эксперимент, в котором я пытаюсь создать сайт JAMstack.

Современная архитектура веб-разработки, основанная на клиентском JavaScript, многократно используемых API и предварительно созданной разметке.

Ингредиенты:

• JavaScript: логика на стороне клиента с помощью jQuery
• API: серверная логика с основными инструментами функций Azure, размещенными в Azure.
• Разметка: статический HTML, созданный с помощью Hugo.
• Содержание: Headless CMS на базе Git с Netlify CMS.

Исходный код сайта Хьюго:

• /источник/сайт

Исходный код функций Azure:

• /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 "

Запустите сайт Хьюго:

cd src/site

hugo server

Запустите функции Azure:

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 Translate.

Изображения взяты с Flickr:

• Яблоки: https://www.flickr.com/photos/1sock/7910673688/ от 1sock
• Брусника: https://www.flickr.com/photos/kymis/2875484409/ автор Юрки Кюмяляйнен
• Клубника: https://www.flickr.com/photos/42787780@N04/6984507532/ автор Fried Dough