VehiclesFashionRecipesBlogsHuntTravelsSportFunHandmadeITEducation
Mini-Games
x

x
zakruti.com » IT - Software » freeCodeCamp.org
JAMstack Tutorial - Full site using Netlify & Hugo

JAMstack Tutorial - Full site using Netlify & Hugo

FBTwitterReddit

video description

Rating: 4.0; Vote: 1
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
Date: 2022-03-14

Comments and reviews: 10


I'm running the lastest version of node and npm. Everytime I run -npm install- in the repository.
I'm pretty new to NPM so any help would be appreciated.
I get the following:
-npm WARN deprecated babel-preset-es2015-6.24.1: - Thanks for using Babel: we recommend using babel-preset-env now: please read babeljs.io/env to update!
npm WARN deprecated gulp-util-3.0.8: Use individual modules instead of a grab-bag
npm WARN deprecated graceful-fs-3.0.11: please upgrade to graceful-fs 4 for compatibility with current and future versions of Node.js
npm WARN deprecated minimatch-2.0.10: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue
npm WARN deprecated minimatch-0.2.14: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue
npm WARN deprecated graceful-fs-1.2.3: please upgrade to graceful-fs 4 for compatibility with current and future versions of Node.js
-

reply

I have kinda opposite question I can't find any info about - when is JAMStack not good fit for a project? I'd just guess it would be for social networks or super-dynamic sites where content is updated faster than build tools can keep up.. I am now in the middle of a similar project where I think about splitting content to two parts: static (mostly added by admin) and dynamic (comments, likes, posts of users)
side note: I was so surprised you are black :D knowing only your voice from JAMstack podcast. Your calming voice was last thing I expected when seeing the thumbnail :D

reply

[17:15:28] Starting 'videos'...
[17:15:28] Starting 'images'...
events.js:160
throw er; // Unhandled 'error' event
-
Error: spawn hugo ENOENT
at exports._errnoException (util.js:1020:11)
at Process.ChildProcess._handle.onexit (internal/child_process.js:197:32)
at onErrorNT (internal/child_process.js:376:16)
at _combinedTickCallback (internal/process/next_tick.js:80:11)
at process._tickCallback (internal/process/next_tick.js:104:9)

reply

Yeap I confirm there are some installation issues when doing NPM install using the github repository in the video description area, haven't found out how to solve them yet....However! if you clone the repository that appears in the video 'fakeass/hug-restaurant-tutorial- it actually works, don't ask me why ! :-)
reply

Thanks for a great overview! I followed along and everything works locally. CMS works and Netlify is connecting w content from GitHub as well. 'Food', 'Drinks', and 'Gallery' content don't show up when viewing project from netlify. Can't figure out what I missed. Any suggestions?
reply

Thank you for the nice 3-series tutorial on the Netlify blog, Brian. However, I really struggle to get this to work when I create my own project based on the victor-hugo repo. I'm trying to follow the official Hugo docs to get it going, but I can't get this to work at all.
reply

I'm having a serious problem with caching and I want to disable it for my css files. I make some changes on my css files and I see their hash names are changing locally in my public folder. But when I deploy my site I see the old version of css file. How can I fix that?
reply

Can't figure out what's going on with the gallery. It creates a path to my image of -/src/img/gallery/sushi-rolls.jpg- for example, but only finds the image at -/img/gallery/sushi-rolls.jpg- but I don't know why it's finding it there or how to change that.
reply

I keep getting an error for 'media_folder' wasn't found when trying to load the admin section. I've looked at the documentation on netlify's site and keep trying to get the path correct in the config.yml file but it won't load. Any ideas?
reply

Has no one run into ANY problems? I am getting into so many issues with just npm install. I cannot figure out how to fix em. What are the prereqs for this? what do you i need to have installed just to get it up and running?
reply
Add a review, comment






Other channel videos