The Great Gatsby Bootcamp - Full Gatsby.js Tutorial Course
video description
Date: 2022-03-14
Related videos
Comments and reviews: 10
__
Andrew the whole course was awesome and I got through it all. Questions remain. I want to be able to create blog posts within the editor in contentful and be able to embed videos from youtube or vimeo. I can't find exactly how to go about I read up on the plugin gatsby-remark-embed-video, installed in with npm and tried to add it to my gatsby-config.js but I think I hosed the file up and I keep getting unexpected token '-' wondering if you could check it out.
reply
Andrew the whole course was awesome and I got through it all. Questions remain. I want to be able to create blog posts within the editor in contentful and be able to embed videos from youtube or vimeo. I can't find exactly how to go about I read up on the plugin gatsby-remark-embed-video, installed in with npm and tried to add it to my gatsby-config.js but I think I hosed the file up and I keep getting unexpected token '-' wondering if you could check it out.
reply
Marcus
AT around 1:04:00 when trying to run gatsby develop, I get ERROR: Node Sass version 5.0.0 is incompatible with -4.0.0.
: don't install node-sass 5.0.0 yet (major version was just bumped).
Uninstall node-sass
npm uninstall node-sass
npm install node-sass-4.14.1
reply
AT around 1:04:00 when trying to run gatsby develop, I get ERROR: Node Sass version 5.0.0 is incompatible with -4.0.0.
: don't install node-sass 5.0.0 yet (major version was just bumped).
Uninstall node-sass
npm uninstall node-sass
npm install node-sass-4.14.1
reply
Shifair
If you guys have an error at 3:57:48 after trying to put -body -json-- it was because you guys have used a recent plugin for gatsby-source-contentful (it won't work for the recent version). So you need to downgrade the version to --2.3.56 and it'll work.
reply
If you guys have an error at 3:57:48 after trying to put -body -json-- it was because you guys have used a recent plugin for gatsby-source-contentful (it won't work for the recent version). So you need to downgrade the version to --2.3.56 and it'll work.
reply
Marcus
In your example, the default index page initally used an arrow function but when I create the app it uses:
import React from -react-
export default function Home() -
return Hello world!
-
Did they change the hello-world starter and why?
reply
In your example, the default index page initally used an arrow function but when I create the app it uses:
import React from -react-
export default function Home() -
return Hello world!
-
Did they change the hello-world starter and why?
reply
Rich
I had an issue getting the images to load, around 3:11:30. In the video, he doesn't put -resolve:- in front of -gatsby-remark-relative-images-, which seemed to fix the issue for me, in case anyone else has the same issue. Otherwise, great course!
reply
I had an issue getting the images to load, around 3:11:30. In the video, he doesn't put -resolve:- in front of -gatsby-remark-relative-images-, which seemed to fix the issue for me, in case anyone else has the same issue. Otherwise, great course!
reply
Shifair
If you guys have a problem at 2:00:36 after modifying module.exports, and you guys couldn't do -npm run develop-, you need to run -npm install env-cmd- again. In my case, somehow it disappeared all sudden. So I need to install it again.
reply
If you guys have a problem at 2:00:36 after modifying module.exports, and you guys couldn't do -npm run develop-, you need to run -npm install env-cmd- again. In my case, somehow it disappeared all sudden. So I need to install it again.
reply
Andrew
Thank you for this content, I used Gatsby here and there but this has been a good video explaining everything from start to finish. This is something to put you on the right path if you want to specialise or learn Gatsby.
reply
Thank you for this content, I used Gatsby here and there but this has been a good video explaining everything from start to finish. This is something to put you on the right path if you want to specialise or learn Gatsby.
reply
SyntaxErrorGeek
Lesson 9: When writing your develop command you need to add -f after env-cmd for it to work. So it will look like this: -env-cmd -f .env.development gatsby develop-. I am using the latest 'env-cmd--10.1.1'
reply
Lesson 9: When writing your develop command you need to add -f after env-cmd for it to work. So it will look like this: -env-cmd -f .env.development gatsby develop-. I am using the latest 'env-cmd--10.1.1'
reply
Poletto
If someone have problems with env-cmd using a different version of the npm package (currently v10) you just need to slightly modify the develop script into -env-cmd --file .env.development gatsby develop-
reply
If someone have problems with env-cmd using a different version of the npm package (currently v10) you just need to slightly modify the develop script into -env-cmd --file .env.development gatsby develop-
reply
Sue
If you are getting lots of errors in the console when rendering the list items for the blog posts add in the key property with index as the. Don't forget to pass it into the map function as a second argument.
reply
If you are getting lots of errors in the console when rendering the list items for the blog posts add in the key property with index as the. Don't forget to pass it into the map function as a second argument.
reply
Add a review, comment
Other channel videos
3:17:8