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
GatsbyJS: Getting StartedPluralsight Build an Authenticated Jamstack App with Next.js, Airtable, Tailwind CSS, and Auth0
Auth0 via YouTube Building Serverless Apps with JAMStack and Eleventy
LinkedIn Learning JAMstack Course - Build websites that are simpler, faster, and more secure
freeCodeCamp Turn Static HTML-CSS into a Blog with CMS Using the JAMStack
Kevin Powell via YouTube