Okay I'm sharing just in case some people are following the tutorial as of now (end of 2022), around 42:00 here are some updates: As some people have already mentionned in the comments, the new endpoint to access to strapi data is /api/posts But the new thing is that the request is now also different: one should ask the data object which contains the attributes object which contain our strapi data (title, description, content). Which means: in the getServerSideProps() function, one should: return { props: { posts: postRes.data.data } } } and in the Home() function: {post[0].attributes.title} And everything should be fine :)
I've been struggling to make a start on my own blog post, I would constantly get lost on what I needed to do next. This video has helped me tremendously! Not only have I learnt some new technologies, but you've helped me get a better idea on how to approach future projects! I'll be building off of your tutorial as a template to create my own blog page to add to my portfolio. Thank you very much for all the help!
A great tutorial for just making an actual project. Reading about 'Jamstack' it all gets a bit too confusing what tools to use, but here, with Strapi and Nextjs it seems to slot together really well. Good job
Thank you so much! This tutorial was really really good and based on what i learned here, i start creating my Portfolio / Personal Web Page. New follower earned
Clean explanation thanks! just in the minute 43:00, when you talked about getStaticProps, yes it executes only once on the build step and deliver the HTML and json on the user request. But in development period it executes on user request as there's no build.
Very good tutorial. Liked.. subscribed. I think I'll try adapting it to use tags and slugUrls instead of ID's as that is more performant for the SEO which NextJS is optimised for. Cheers
Thanks a lot, watched the entire video. The link to the repo is broken, so I would really appreciate if you could update the link with the right repo link.
I didn't get it. If I execute npm run build will I get an app with dynamic pages which will be generate a new content added in strapi dashboard , or not?
I don't know if I'll get an answer but I'll still ask, What's the alternative to render that `htmlContent` inside a or a aside from the danger way `` ?
My next app has different structure. I even don't have a pages folder. Instead, I have a pages.tsx and layout.tsx. But I can't add blog page like what you did.
Thank for the amazing video. I have a question that is little beyond this project but relevant. If you could help me, I will be very thankful to you. I am using Cloudinary for media storage. If I upload an image to Strapi, it gets uploaded to Cloudinary correctly. But I receive only that image in Strapi Media Library. I mean I don't get its other versions inside Strapi i.e. thumbnail, small, medium, etc... However, I can see that those images are generated on Cloudinary. On the local version, I am not using Cloudinary and I can see the 3,4 versions of every image in the media library.
@@i-001 This video was made more than a year ago. Your best bet is to try determine the exact versions of the node packages used and follow the tutorial with that. I know Strapi has changed quite a bit within the last year and I have had to make minor changes using updated documentation for similar projects in order to get desired results. Would be nice if Devistry would go the extra mile and help us out!
Strapi JSON structure is different now. Simply use props: { posts: postsRes.data.data, }, instead of props: { posts: postsRes.data, }, and {posts[0].attributes.title} instead of {posts[0].title}
Great Video. The Code isn't available and the discord link isn't working. And how can I get the posts from the date descending. The newest first. Greetings from Germany
NOTE: June 6th 2022 --> Strapi endpoint to view JSON response is now prefixed with /api/
So to access posts append --> /api/posts
this should be pinned
thanks bro
What about the description if you style some of the elements it appears in an object form,I Don’t know how to display it
Okay I'm sharing just in case some people are following the tutorial as of now (end of 2022), around 42:00 here are some updates:
As some people have already mentionned in the comments, the new endpoint to access to strapi data is /api/posts
But the new thing is that the request is now also different: one should ask the data object which contains the attributes object which contain our strapi data (title, description, content). Which means:
in the getServerSideProps() function, one should:
return {
props: {
posts: postRes.data.data
}
}
}
and in the Home() function:
{post[0].attributes.title}
And everything should be fine :)
hey flo can you please tell me how to make email verification after user register in strapi
What about the description if you style some of the elements it appears in an object form,I Don’t know how to display it
I've been struggling to make a start on my own blog post, I would constantly get lost on what I needed to do next. This video has helped me tremendously! Not only have I learnt some new technologies, but you've helped me get a better idea on how to approach future projects! I'll be building off of your tutorial as a template to create my own blog page to add to my portfolio. Thank you very much for all the help!
29:50 is the reason why his teaching style is so good. subbed.
What a gem! I have been using Nextjs for months, but never understood it as I did in this Tutorial. Thank you!
This has to be one of the best tutorials I've experienced on RUclips. Thank you so much for the clear explanations and walkthrough :)
A great tutorial for just making an actual project. Reading about 'Jamstack' it all gets a bit too confusing what tools to use, but here, with Strapi and Nextjs it seems to slot together really well. Good job
Thanks for this!, the explanation about the three types of renderings where so clear, for everyone that's struggling to understand watch from 28:30
This must be one of the best tutorials I've ever seen, thanks!
Great vide, thanks for explaining. I looked at other videos and no one touched on the stuff you covered so keep up the good work!
Thank you very much sir, very good explanation of getStaticPaths and suing SASS was even better.
Really nice project and video. Very usefull. Thank you for sharing!
Great video ! You explain everything so clearly thank you !
Thank you so much for this video. You’re an amazing teacher!
Thank you so much! This tutorial was really really good and based on what i learned here, i start creating my Portfolio / Personal Web Page. New follower earned
Thank you so much!
It would be nice if you had included some SEO tips in the tutorial, cause is the main reason I wanna learn Next.js.
Clean explanation thanks! just in the minute 43:00, when you talked about getStaticProps, yes it executes only once on the build step and deliver the HTML and json on the user request. But in development period it executes on user request as there's no build.
Great detailed video! Thank you so much!
Wow! We have NextJS video out!
Great Tutorial that make a good value to me, thanks very mutch.
Very good tutorial. Liked.. subscribed.
I think I'll try adapting it to use tags and slugUrls instead of ID's as that is more performant for the SEO which NextJS is optimised for. Cheers
Good Video. Helped a lot.
Superb video thanks.
What a nice video! thanks
Thanks a lot, watched the entire video. The link to the repo is broken, so I would really appreciate if you could update the link with the right repo link.
Really informative!
16:58 my problem is with all that config, i cannot still see anything, 404 not fonud D:
solved, new versions includes sub route /api/posts
@@chucrutdr thanks bro
Were you able to finish the tutorial? I am facing the TypeError: Cannot read properties of undefined (reading 'title') 41:45
@@chucrutdr and another structure of response. posts = postsRes.data.data. {posts[1].attributes.title}
@@djpe4ka Thank you ❤ saved me from a headache lol
Mando muito, very good explanation!
love it!!!!!!!!!!!
I didn't get it. If I execute npm run build will I get an app with dynamic pages which will be generate a new content added in strapi dashboard , or not?
Thank you so much!
Awesome video!
This video is great! Any chance you could give us a walkthrough on how to deploy?
make repo on github.. then upload on vercel
@@imankit12feb89 How to upload on standard hosting ?
@@imankit12feb89 Backend deploy. How to deploy Strapi and postgres
How we are gonna deploy this on vercel?
great video dude!
I don't know if I'll get an answer but I'll still ask, What's the alternative to render that `htmlContent` inside a or a aside from the danger way `` ?
How straps handle media content like images & videos? Where the location actually stored?
My next app has different structure. I even don't have a pages folder. Instead, I have a pages.tsx and layout.tsx. But I can't add blog page like what you did.
Thank for the amazing video.
I have a question that is little beyond this project but relevant. If you could help me, I will be very thankful to you.
I am using Cloudinary for media storage. If I upload an image to Strapi, it gets uploaded to Cloudinary correctly. But I receive only that image in Strapi Media Library. I mean I don't get its other versions inside Strapi i.e. thumbnail, small, medium, etc... However, I can see that those images are generated on Cloudinary.
On the local version, I am not using Cloudinary and I can see the 3,4 versions of every image in the media library.
Hi, it appears that the Git is in 404. What version of Strapi is used ? V3 or v4 ? Thanks!
What about deployment ? I mean we are fetching from local host right?
Is this all doable with the Community Plan from Strapi?
AFAIK completely doable.
How do we upload our strapi backend to heroku?
When you import the css modules react will create a unique name to the class to avoid name clashing.
Yeah I noticed that. That's nice to have scoped styling. Rather not do it through js objects though.
@@Devistry the github link you put doesn't work??
how to create our own OAuth server in strapi, so that other sites or apps can use our server as login with our site. just like login with facebook
Hi, do you still have the github code repo?
anyone have the source code? i cant access it, it seems to be deleted or something...
Please, how can I use slug instead of id
How to deploy this project Mr
at 41:54 - TypeError: Cannot read property 'titles' of undefined. Can someone please help! will pay for your time!
I'm having the same issue. Were you able to fix it?
@@i-001 This video was made more than a year ago. Your best bet is to try determine the exact versions of the node packages used and follow the tutorial with that. I know Strapi has changed quite a bit within the last year and I have had to make minor changes using updated documentation for similar projects in order to get desired results. Would be nice if Devistry would go the extra mile and help us out!
@@jmoon6048 @i I solved the problem after watching this video: ruclips.net/video/VAbnujyXWp0/видео.html
Strapi JSON structure is different now. Simply use
props: {
posts: postsRes.data.data,
},
instead of
props: {
posts: postsRes.data,
},
and
{posts[0].attributes.title}
instead of
{posts[0].title}
@@liborzdimal7189 thank you! I should have looked at the documentation
discord link is invalid now
code url dead
what is ur english accent?its hard to understand what are u saying.even youtube subtitle generator has problem with ur accent
Great Video. The Code isn't available and the discord link isn't working.
And how can I get the posts from the date descending. The newest first.
Greetings from Germany