Make a simple food blog using React and Contentful
Вставка
- Опубліковано 21 сер 2024
- Buy me a Coffee: paypal.me/thou...
In this video I want to share my knowledge on how to use Contentful and React to make a simple single page blog application. Contentful gives you the platform to create your content for your website or an app. It also gives you the APIs that you can use to fetch the content and consume in React or any application.
Link to the GIT Repository: bitbucket.org/...
Link to the finished product: eatit.netlify....
I have uploaded a new video on my channel recently that shows how to use React and Contentful using functional components, hooks, async await and a lot more. Here's a link to the new video. I hope it will be helpful: • Make a complete websit...
just the exact thing I was looking to know. Great video man, thanks !
Today my team lead said to me that i must starting work with contentful. but i never worked with it. This video is very helpfull! God bless you, dude!)
Glad it was helpful! Thanks for Watching :)
Splendid! Now I can start making my company's blog site. Thank you so much mah dude.
Great explanation - 100% clear and working
Great to hear!
Well explained !! thank you for your time and effort on creation of this video.
Wow...the appearance is so colorful..Great video 👍🙂
Thanks for this, nice and clear
Great video, thanks for the explanation!
This was good. I wish you upload more frequently. Love from Pakistan
You have done well. I am able to understand Everything.
Very useful and very well explained thank you so much!!
Glad it was helpful! Thanks for your comment and Thanks for watching this video. Cheers
Thanks for the smooth flow. but i see your video is more about React and the components in react more than the Contentful API.
awesome! thanks
Thanks for making such a Helpful video..
Excellent
Thank you! Cheers!
Useful video, thanks!
Glad it was helpful!
I personally prefer functional components
same for async/await as well
You are awesome. Thank You
Thank you for your comment. Thanks for watching :)
wonderful video. learn a lot from it Thanks
Glad to hear that! Thanks for watching
Nice Video
Next time you can use rfce as it wont give proptypes, also you can teach small apps like this in typescript as it is generally industry standard nowadays
Thank you. very nicely done. I subd and belled.
Awesome, thank you!
Nice one, also on the env.development it should be included in the .gitignore too
You teach well. Can you do a React Contentful portfolio next time?
I will try to do another Contentful tutorial
Why class based component? Cannot be integrated to Contentful with functional component?
Yes you're right we can use functional components too. In fact I have recently posted a new video that makes use of functional components and hooks instead of Class based components. Thanks for watching the video
Thanks for the video. It was super helpful :)!!
Glad it was helpful! Thanks for watching. Cheers :)
Thanks for your vid.
I want to show a concern about storing the api keys within environment variables, checking React Documentation:
"Environment variables are embedded into the build, meaning anyone can view them by inspecting your app's files."
Hello ..nice video very useful, i want to ask can i use functional component instead of class component.
Yes, of course. You can use functional components instead of Class components.
You can check the latest video on my channel where I make use of functional components with contentful
@@thoughtspan thank you so much.Will surely go with your new video.
Hello Vikram,
I have followed the same process but I have faced:
3 medium server vulnerabilities while creating react app. Like "requires a peer of @babel/core@^7.13.0 but none is installed" and other 2.
When checked the browser at the point showed at 17:00. There was syntaxerror: unexpected token and error shows in 35th Line indicating "export default App;"
I couldn't understand what's wrong. I did the same way you have explained.
Thanks you for watching the video. Could you please share your code from a platform like codesandbox or stackblitz? Or you could also share the github link so that I can take a look at your code.
@@thoughtspan I have replied multiple times but it is not showing when I refresh. Can we connect via another way?
@@thoughtspan I think, URLs are the culprit. Now please find the code: github.com/unlockgrowth/marketersearch and the error screenshot: ibb.co/ZWfS9QB
@@thoughtspan Do you get a chance to check my code?
Can you please create more videos on Contentful? and it's usage.
Thanks for your comment and Thanks for watching my video.
Yes I plan to make many videos on React and Contentful. I have recently posted a new video on React and Contentful on my channel. ua-cam.com/video/yqe5UB_BF7Q/v-deo.html
I hope you like this video.
why did you choose to use a class component when you could have used a function component
Do you have a repository for this project? I encounter an error ' expected parameter for access token' yet all is provided
Yes I am adding the link to the repository in the video description
bitbucket.org/vikrammehta/foodblogcontentful/src/master/
@@thoughtspan Thanks. I will get back to you if error persists
hello there! I'm just wondering how you add audio to your screen recording. I'm also using Ubuntu 20.04, and am also doing some screen recording with it but records my voice via phone. I'll really appreciate the response!
hey, what about the background image? You don't want to provide the bg image from local pc if you are using contentful. How to publish the background image to contentful and use it in CSS file.
Thought Span , Can you please explain about Image (featuredImage.fields.file.url ) is half
From where we can concat Image full URL ?
I keep getting this error
src\components\Posts.js
Line 6:45: 'Post' is not defined react/jsx-no-undef
would be great if you can add typescript thanks!
good video but why it had to be done in bit bucket lol
Let's say you want to add a new recipe. Can I create this via contentful without opening the code editor?
Yes you're right. If you want to add a new post or recipe you just add it in Contentful and it will be populated on your react site.
You don't need to touch the code editor. Just add your content in Contentful
@@vikrammehta4945 thx
Is it possible to create the block entry from a react form?
hii...this is the video i m searching for...bt i have encountered error " Expected parameter accessToken" like this..what should i do..i do the same way like you did.
Do you have a git repository that you can share?
You solved this? I'm have the same error here
can you make columns?
problem with marked
I think in the new version of Marked you need to import it as a named import and not as default. Try using this instead -
import { marked } from 'marked';
Thank you sir it's working perfectly