Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

freeCodeCamp

JAMstack Tutorial - Full site using Netlify & Hugo

via freeCodeCamp

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
Build a client-side restaurant website using Netlify and Hugo in this comprehensive JAMstack tutorial. Learn to clone the project, understand Hugo and JAMstack concepts, add menu collections, integrate a content management system, create drink listings, implement an image gallery, and set up form data collection. Gain hands-on experience with modern web development tools and techniques while only requiring basic HTML, JavaScript, and CSS knowledge. Explore continuous deployment through Netlify's Git integration and access the live demo, project repository, and step-by-step video guide to enhance your web development skills.

Syllabus

- Cloning the project - https://bit.ly/tasteTheTutorial.
- Introduction to Hugo - http://gohugo.io/.
- JAMstack explanation - https://jamstack.org/.
- Adding the menu collection.
- Adding the CMS - https://www.netlifycms.org/.
- Adding the drinks: Part 1.
- Adding the drinks: Part 2.
Adding the image gallery.
Collecting form data.

Taught by

freeCodeCamp.org

Reviews

Start your review of JAMstack Tutorial - Full site using Netlify & Hugo

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.