jamstack cms

JAMstack

Il s'agit d'une expérience dans laquelle j'essaie de créer un site JAMstack.

Architecture de développement Web moderne basée sur JavaScript côté client, des API réutilisables et un balisage prédéfini.

Les ingrédients sont :

• JavaScript : logique côté client avec jQuery
• API : logique côté serveur avec Azure Functions Core Tools hébergé sur Azure
• Balisage : HTML statique généré avec Hugo
• Contenu : CMS Headless basé sur Git avec Netlify CMS

Le code source du site Hugo :

• /src/site

Le code source d'Azure Functions :

• /src/api

Le site est hébergé par Netlify à l'adresse :

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

Courir

Pour exécuter le site localement, modifiez /src/site/data/api.toml :

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

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

Exécutez le site Hugo :

cd src/site

hugo server

Exécutez les fonctions Azure :

cd src/api

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

Parcourir:

http://localhost:1313

Attributions

Les recettes de confiture sont tirées du site suédois Tasteline.com :

• Confiture de pommes : http://www.tasteline.com/recept/appelmos-grundrecept/
• Confiture d'airelles : http://www.tasteline.com/recept/lingonsylt/
• Confiture de fraises : http://www.tasteline.com/recept/jordgubbssylt/

Les traductions du suédois vers l’anglais ont été réalisées avec Google Translate.

Les images sont tirées de Flickr :

• Pommes : https://www.flickr.com/photos/1sock/7910673688/ par 1sock
• Airelles rouges : https://www.flickr.com/photos/kymis/2875484409/ par Jyrki Kymäläinen
• Fraises : https://www.flickr.com/photos/42787780@N04/6984507532/ par Fried Dough