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

Programming Languages
University of Virginia via Udacity
Building a Basic Website
University of Massachusetts Amherst via Independent
iDESWEB, Introducción al desarrollo web
Miríadax
Web Engineering II: Developing Mobile HTML5 Apps
Technische Hochschule Mittelhessen via iversity
Web Application Architectures
University of New Mexico via Coursera