Build a blog using Contentful headless CMS and NextJs

In this video, we will build a blog using Contentful headless CMS and NextJs.

➡️ The Ultimate NextJs Course

➡️ This project's source code:

➡️ NextJs Image component:

➡️ Rendering rich text fields in Contentful

[ArchieSB]

The details about the prose is a lifesaver, thanks! FYI for anyone else, Chakra also has a prose package that can be used, seemingly much like the Tailwind one.

[muratasarslan]

how about a new video with Contentful type generation & Typescript?

[NaraYQ]

Hey, would it be possible to have an improved version of this video with Nextjs(router app) + Contentful using servers actions please, as I find action servers complicated? Your work is really amazing, you explain really well.

[patolorde]

Awesome im using this video but trying to use app router and typescript! Helped alot so far

[iknowishare-]

Amazing, very clear explanation.
Thank you so much Hamed.

[starlord]

what if I want to create multiple summary and content items within a blog article? lets say its a really long blog, do i need to add a new field for each summary and content items in contentful?

[Samruddhi_Chavan_]

How can I customize the post Body content styling
@Hamed Bahram

[maheshsangam]

im getting error on const Server Error
TypeError: Expected parameter accessToken

This error happened while generating the page. Any console logs will be displayed in the terminal window.
Source
src\pages\index.js (5:15) @ contentful

3 | import * as contentful from "contentful";
4 |
> 5 | const client = contentful.createClient({
| ^
6 | space: process.env.CONTENTFUL_SPACE_ID,
7 | accessTokent: process.env.CONTENTFUL_ACCESS_TOKEN,
8 | });

What to do??

[ehsanparastegari]

please build a blog with Strapi cms & using nextJs reactQuery ssr

[Artispheredesigns]

Does anyone know how to set up draft mode/preview mode with Next.js 13 app router? I'm having a difficult time figuring it out. Any guidance would be appreciated!

[GabrielMartinez-ezue]

There is a project called Lexical which is a good Rich Text Editor. There you go for an idea for a video. Use it to make your own api with nextjs. Now, you dont need strapi, contentful.. or other cms

[eDog]

Thanks so much! I was looking for how to render embedded content!

[MydahNasir]

I got this error when I cloned and run your repository TypeError: Expected parameter accessToken although I placed appropriate values in env file

[darelbvcr]

how can i use contentful within the app directory?

[maheshsangam]

Fantastic!!! i love it a lot!! but what about Pages - like about us, services page, contact us page filling content from contentful please kindly explain on this....

[MaximilianoCalderónBuono]

Hello there, I'm having a bad time doing the same with Next.js 13.4. I don't know how to pass in the function to loader without receiving this error: Functions cannot be passed directly to Client Components unless you explicitly expose it by marking it with "use server".

[siosaiafonua]

Thanks. My images work locally, but their not showing up in prod. I'm getting a 400. Can you please help?

[IThinkYouKnowMe]

Hey Thanks for this tutorial, ❤

For the RichText rendering, will the same code work without using tailwind/prose ? And just using the Contentful provides packages?

[wasifkhan]

how to add social share buttons like Facebook LinkedIn etc? in contentful blog?

[hiraaziz]

Good Video! I have an issue here. I have deployed my website on vercel and now when I make changes on contentful websites they do not reflect on deployed site. Why?