You are currently viewing JAMstack Tutorial – Full site using Netlify & Hugo

JAMstack Tutorial – Full site using Netlify & Hugo

  • Post comments:0 Comments

In this tutorial you will learn to build a client side application using modern tooling. You will build a restaurant site using Netlify and Hugo. Only basic knowledge of HTML, JavaScript, and CSS are needed.

πŸ”— Live version:
πŸ”— Clone project:
πŸ”— Github:

*Note on continuous deployment
After cloning locally you can now push up all your changes to GitHub. You do not need to manually push your changes to production. Netlify’s Git integration handles the continuous deployment.

⭐ Course Outline ⭐

⌨ 1:17 – Cloning the project –
⌨ 3:47 – Introduction to Hugo –
⌨ 5:18 – JAMstack explanation –
⌨ 10:08 – Adding the menu collection
⌨ 14:57 – Adding the CMS –
⌨ 21:12 – Adding the drinks: Part 1
⌨ 22:03 – Adding the drinks: Part 2
⌨ 23:03 Adding the image gallery
⌨ 27:07 Collecting form data

🐦 Creator Brian Douglas on Twitter:

Learn to code for free and get a developer job:

Read hundreds of articles on programming:

And subscribe for new videos on technology every day:


Leave a Reply