jamstack cms

tumpukan JAM

Ini adalah eksperimen di mana saya mencoba membangun situs JAMstack.

Arsitektur pengembangan web modern berdasarkan JavaScript sisi klien, API yang dapat digunakan kembali, dan Markup bawaan.

Bahan-bahannya adalah:

• JavaScript: Logika sisi klien dengan jQuery
• API: Logika sisi server dengan Azure Functions Core Tools yang dihosting di Azure
• Markup: HTML statis dihasilkan dengan Hugo
• Konten: CMS Tanpa Kepala berbasis Git dengan Netlify CMS

Kode sumber untuk situs Hugo:

• /src/situs

Kode sumber untuk Azure Functions:

• /src/api

Situs ini dihosting oleh Netlify di:

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

Berlari

Untuk menjalankan situs secara lokal, edit /src/site/data/api.toml:

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

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

Jalankan situs Hugo:

cd src/site

hugo server

Jalankan Fungsi Azure:

cd src/api

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

Jelajahi:

http://localhost:1313

Atribusi

Resep selai diambil dari situs Swedia Tasteline.com:

• Apple Jam: http://www.tasteline.com/recept/appelmos-grundrecept/
• Selai Lingonberry: http://www.tasteline.com/recept/lingonsylt/
• Selai Stroberi: http://www.tasteline.com/recept/jordgubbssylt/

Terjemahan dari Bahasa Swedia ke Bahasa Inggris dilakukan dengan Google Terjemahan.

Gambar diambil dari Flickr:

• Apel: https://www.flickr.com/photos/1sock/7910673688/ oleh 1sock
• Lingonberry: https://www.flickr.com/photos/kymis/2875484409/ oleh Jyrki Kymäläinen
• Stroberi: https://www.flickr.com/photos/42787780@N04/6984507532/ oleh Adonan Goreng