YoVDO

JAMstack Tutorial - Full site using Netlify & Hugo

Offered By: freeCodeCamp

Tags

Jamstack Courses Computer Science Courses Web Development Courses Javascript Courses Hugo Courses HTML Courses Continuous Deployment Courses Content Management Systems Courses Netlify Courses

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 WordPress
Coursera 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