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: https://tasty.netlify.com.
πŸ”— Clone project: https://bit.ly/tasteTheTutorial
πŸ”— Github: https://github.com/bdougie/restaurant-template-cms

*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 – https://bit.ly/tasteTheTutorial
⌨ 3:47 – Introduction to Hugo – http://gohugo.io/
⌨ 5:18 – JAMstack explanation – https://jamstack.org/
⌨ 10:08 – Adding the menu collection
⌨ 14:57 – Adding the CMS – https://www.netlifycms.org/
⌨ 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: https://twitter.com/bdougieyo


Learn to code for free and get a developer job: https://www.freecodecamp.com

Read hundreds of articles on programming: https://medium.freecodecamp.com

And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

source

Leave a Reply