JAMstack Tutorial - Full site using Netlify & Hugo
Offered By: freeCodeCamp
Course Description
Overview
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
Related Courses
Build a Full Website using WordPressCoursera Project Network via Coursera Web Design Word Press
Cabrillo College via California Community Colleges System Web Design Word Press
Cabrillo College via California Community Colleges System Website Builder
City College of San Francisco via California Community Colleges System WordPress Web Development
Chaffey College via California Community Colleges System