Building a Video Summarizer App with Next.js 14 and Strapi 5 - Part 3 Building Our Features Section

Welcome to Part 3 of this Next.js tutorial with Strapi 5, let's finish up our home page and build out our features section. 👋 Code Snippets: https://strapi.link/epic-next-3

🚀 If you missed the previous parts, check the pinned comment for the links. Plus, you can find all the notes and code snippets in the article linked below to follow along easily.

Hello everyone! 👋 let's learn to code by building.

In this part, we'll focus on:

• Completing the homepage by adding the top navigation and footer.
• Creating a custom Strapi image component to handle local and cloud-hosted images.
• Configuring the next.config.js file for image optimization.
• Building a dynamic feature section and integrating it with Strapi.
• Using a Block Renderer to render different content sections dynamically.
• Structuring data loaders for better code management.

By the end of this video, your homepage will be more dynamic, and you'll have a solid foundation for future customization. If you have any questions, drop them in the comments or catch me live on Strapi's Discord during open office hours. Happy coding, and I'll see you in the next part! ... https://www.youtube.com/watch?v=edhx2wOfuKM