In this module, we will explore the fundamentals of NextJS, from setting up a project to implementing essential features like routing, layouts, and data fetching. You’ll gain hands-on experience with dynamic routing, server vs. client components, and handling 404 pages.

In this module, we will introduce Figma as a design tool for developers, showing how to leverage it for structuring UI components and collaborating on design assets. You’ll learn how Figma fits into the web development workflow and how to access design files efficiently.

In this module, we will establish the foundation of our project by setting up NextJS, configuring SASS for styling, and installing Strapi. We’ll also discuss why this specific stack is used, ensuring efficiency and scalability in development.

In this module, we will focus on building the landing and experience pages using modular components. You’ll create and style sections such as the header, footer, hero section, and info blocks, ensuring a cohesive and scalable design.

In this module, we will integrate Strapi with our NextJS frontend, creating content types and fetching dynamic data. You'll learn how to process and render structured data efficiently, making content updates seamless.

In this module, we will develop the main page of the blog, focusing on structuring and styling key components. You’ll also implement functionality for the newsletter subscription feature, making the blog interactive and engaging.

In this module, we will connect the blog’s frontend with Strapi, creating and managing blog articles effectively. You’ll learn to fetch and render articles dynamically while setting up routes for individual blog posts.

In this module, we will build a fully customizable blog article page, leveraging Strapi’s dynamic zones. You’ll structure, style, and render different content types dynamically, creating a highly flexible and engaging blog experience.

In this module, we will implement an events section, allowing users to sign up for surfcamps and other activities. You’ll build and connect a signup form to Strapi, enabling seamless event registration and data management.

In this module, we will deploy our full-stack application to Heroku, covering both the Strapi backend and NextJS frontend. You’ll learn to migrate databases, manage image uploads with AWS S3, and ensure a smooth transition from development to production.