Next.js & Contentful Site Build Tutorial #5 - Using Images from Contentful

🐱‍💻 🐱‍💻 Course Files:

🐱‍👤🐱‍👤 JOIN THE GANG -

🐱‍💻 🐱‍💻 My Udemy Courses:

🐱‍💻 🐱‍💻 Useful playlists:

🐱‍💻 🐱‍💻 Other links:

🐱‍💻 🐱‍💻 Social Links:

[flagoon]

I haven't watch the whole series, but random movies from this playlist helped me immensely many times.

[marcinkalmar]

After configure config.next.js, problem don't disapeared I have had to add "loader={()=>src} as arrtibut to Image componenet and started work

[ahsaanali]

Love your videos buddy.... Great effort great content.

[agumi]

Love all your content! Really looking forward for a Laravel 8 tut!

[Jon-tyhy]

Thanks for your help, I was struggling with this rich text section!

[parthipankalayini]

TKS a lot, I am waiting to see how to work with image component with external domains TKS a lot

[Quang]

When I use getStaticProps the page not retrieve the data at run time, I must to stop the server, run next build then run next dev.

[James-zpgp]

I am running in to this error when trying to add the thumbnail image, the rest of the content is pulling through just not the thumbnail. the past is the same as in the tut but can't figure out why its not working

TypeError: Cannot read property 'fields' of undefined

Source
components/projectCard.js (11:36) @ ProjectCard

9 | <div className="featured">
10 | <Image
> 11 | src={'https:' + thumbnail.fields.file.url}
| ^
12 |
13 |
14 | />

[adriennlenart]

I'm struggling to upload images to Contentful via an API request. Local images or images hosted on Drive or Dropbox. The name of the file will be uploaded and the asset is created but the image just shows loading forever and it never gets uploaded. Does anyone have a solution to that?

[maheshsangam]

Sir if i want to add each recipe multiple images what to do - did i have to add field in Contentful multi images media assets ? please kindly make one video on this and how to code to display multiple images if i added field in Contentful multi media assets and then how to make that display work please kindly make one video on this thanks a lot...

[siosaiafonua]

those images are not showing up in prod though, only locally

[kamalCode]

Sir, please next.js complete advanced tuotorial plz

[mascanho]

I don't have the url propertie. how did you manage to get yours?