Uploaded February 2026 | Updated September 2026, 2 weeks ago
Want to try something different? Let’s build a custom Strapi plugin that integrates Vercel’s AI SDK, giving our backend native AI capabilities we can securely expose to our Next.js app.
Code resources: 👉 strapi.link/ai-sdk-post
Instead of wiring AI logic directly into the frontend, we’ll centralize it inside Strapi—so we can:
🔐 Keep API keys secure
🧠 Standardize prompts and AI workflows
🔌 Expose clean, reusable endpoints to Next.js
🚀 Scale and iterate without touching frontend logic
Think of it as turning Strapi into our AI control center—while Next.js becomes the experience layer.
If we do this right, we won’t just “add AI.” We’ll build an extensible AI layer into our architecture.
Want to try something different? Let’s build a custom Strapi plugin that integrates Vercel’s AI SDK, giving our backend native AI capabilities we can securely expose to our Next.js app.
Code resources: 👉 strapi.link/ai-sdk-post
Instead of wiring AI logic directly into the frontend, we’ll centralize it inside Strapi—so we can:
🔐 Keep API keys secure
🧠 Standardize prompts and AI workflows
🔌 Expose clean, reusable endpoints to Next.js
🚀 Scale and iterate without touching frontend logic
Think of it as turning Strapi into our AI control center—while Next.js becomes the experience layer.
If we do this right, we won’t just “add AI.” We’ll build an extensible AI layer into our architecture.
![Strapi v5 Crash Course 2025 [ Part 1 Getting Started with Strapi ]
Strapi tutorial part 1, we will look at what we will build and set up our initial Strapi project.
👉 Lesson Notes:: https://www.codingafterthirty.com/courses/strapi-5-crash-course-2025/getting-started-with-strapi-5-1
👉 Learn more about Strapi: https://strapi.link/learn-more
This is the only Strapi 5 tutorial you will ever need.
🚀 Strapi Course Overview – What You’ll Learn
Strapi is a powerful open-source headless CMS that allows you to fully control your content and APIs. This course is designed to help you understand how Strapi works and how to use it effectively in real-world projects.
What We’ll Cover:
- Setting up Strapi from scratch
- Creating and structuring content with collections, single types, and components
- Connecting Strapi to a frontend like Next.js or Astro
- Customizing Strapi to fit specific project needs
- Deploying and maintaining a Strapi project
Why use Strapi
Core Functionality
Strapi 5 is a headless CMS that represents content as API endpoints for front-end access, enabling non-technical users to manage website data through Dynamic Zones and blocks.
The Dynamic Pages feature empowers users to easily add new pages to the frontend by creating blocks with specific data types, facilitating the expansion of an Astro website.
Content Management
Strapis blocks concept allows developers to create various components with specific data types, enabling flexible content management for non-technical users through the Strapi admin interface.
Dynamic Zones break down each section of a page, allowing for easy management and updates through the Strapi admin, enhancing content flexibility.
API Integration
Strapi exposes API endpoints for seamless front-end access, which is demonstrated by making a GET request to the landing page endpoint for data rendering.
User-Friendly Interface
The content manager facilitates easy website data management by creating collections of different data types, such as Global and Landing Pages, with blocks representing various content elements.
By the end of this course, youll have a solid grasp of Strapi’s core features and how to integrate them into your workflow. Whether working on a personal project, building for clients, or scaling a larger application, this course will give you the tools you need.p Strapi v5 Crash Course 2025 [ Part 1 Getting Started with Strapi ]](https://i.ytimg.com/vi/OrKLqITuhNA/mqdefault.jpg)
![Implementing Auth With Next.js 15 and Strapi 5 Headless CMS [ Code Included ]
How to implement Auth with Next.js with Strapi.
👉🏻 Code on GitHub: https://github.com/PaulBratslavsky/strapi-auth-provider-demo-next-js
✨ Next.js and Strapi 5 Demo: https://strapi.link/strapi-and-nextjs
😅 My website: https://www.codingafterthirty.com
Lets work on setting up Next Auth with Next.js15 and Strapi 5. In this video we will take a look integrating GitHub Login in Your Next.js 15 App with Strapi 5 Backend.
Chapters
The video demonstrates how to implement GitHub authentication in a Next.js 15 application using Strapi 5, enabling automatic user creation and streamlined sign-in processes.
00:00 Implement authentication in Next.js 15 with Strapi 5 by integrating GitHub as a provider.
01:25 Using GitHub for authentication simplifies user sign-up by eliminating password management.
02:02 To set up GitHub authentication in Strapi, enable the GitHub provider.
05:27 Users can sign in with GitHub in a Next.js app using Strapi.
06:49 The implementation retrieves a JWT token from Strapi, validates it to fetch user data.
08:24 Explore GitHub social login implementation with Next.js 15 and Strapi 5 in a demo project.
Strapi 5 simplifies auth setup by allowing easy configuration of GitHub provider in settings, requiring only client ID, client secret, and frontend app URL.
Strapi automatically creates or authenticates users when they sign up/in through providers like GitHub, storing user data accessible via Next.js get user loader function.
Integration Process
Next.js route handler calls Strapis connect GitHub callback with the GitHub access token, resulting in user authentication and a JWT token set as an HTTP-only cookie.
Strapis settings page offers options to enable various auth providers (GitHub, Google) and restrict sign-up methods, enhancing security and user management.
Whether youre building a new app or enhancing an existing one, this approach simplifies user management!
What You’ll Learn
Overview of GitHub Authentication: Understand the benefits of using GitHub as an authentication provider.
Setting Up Strapi: Step-by-step instructions on configuring the GitHub provider in Strapi.
Next.js Route Handlers: Learn how to manage the redirect flow between GitHub and Strapi effectively.
User Management: Discover how Strapi 5 automatically creates and manages users based on GitHub logins.
Code Walkthrough: A comprehensive guide to the code structure, with a live demo of the application.
Key Takeaways
- Streamline user sign-ups by leveraging GitHub authentication.
- Minimize password management concerns with OAuth.
- Access to a complete code repository to kickstart your project. Implementing Auth With Next.js 15 and Strapi 5 Headless CMS [ Code Included ]](https://i.ytimg.com/vi/PL-IBGTwjxw/mqdefault.jpg)

![Vibe Coding My Next Big Idea [ Using v0, Next.js, and Strapi to build a website ]
#learntocode2025 #vibecoding #buildinpublic
Wednesday Night Hangout 8:00 PM CST. Its Wednesday, lets vibe code our next big idea, and see if we can go to the moon.
In this video, we will explore how to use Vercels v0 to build our website, discussing strategies and best practices around prompting and planning our project. Vibe Coding My Next Big Idea [ Using v0, Next.js, and Strapi to build a website ]](https://i.ytimg.com/vi/PaHaTrMtp-Q/mqdefault.jpg)



![How I Think About Learning To Code [ My personal web dev road map ]
In this video, I share my thought process and roadmap for my continuous development as a programmer.
As someone with ADHD, staying focused on a structured path can be challenging, but Ive found ways to keep myself on track.
I emphasize the importance of understanding the core coding principles and constantly revisiting the basics.
I discuss starting with C programming to grasp the fundamentals and then delve into HTML, CSS, and JavaScript, which are essential for web development.
I also highlight the usefulness of the Astro framework for building websites and how it simplifies HTML, CSS, and JavaScript development.
I then move on to full-stack frameworks like Next.js or Remix, emphasizing the importance of understanding how these frameworks work under the hood.
I touch on the significance of AI systems and integrating AI functionality into projects, using Python to interact with AI libraries. I also stress the importance of understanding the limitations and basics of AI to avoid getting caught up in the hype.
Additionally, I mention the significance of learning algorithms and data structures and working with databases and SQL to gain a deeper understanding of data representation in applications.
Lastly, I highlight the importance of understanding build tools like Vite or build to streamline the development process.
This video provides a comprehensive roadmap for continuous learning and highlights critical topics such as C programming, HTML, CSS, JavaScript, Astro, full-stack frameworks, AI systems, Python, algorithms, data structures, SQL, and build tools. Join me on this journey to become the best developer we can be! How I Think About Learning To Code [ My personal web dev road map ]](https://i.ytimg.com/vi/R5EWmgNLQCc/mqdefault.jpg)

![Strapi v5 Crash Course 2025 [ Part 9 Building our landing page with dynamic zones ]
In Strapi tutorial part 9, we will start building our Landing Page with the next components: Faq and Newsletter Signup.
👉 Lesson Notes: https://www.codingafterthirty.com/courses/strapi-5-crash-course-2025/building-our-landin-page-part-2
👉 Learn more about Strapi: https://strapi.link/learn-more
Welcome back to Part 9 of our Strapi Crash Course! In this tutorial, we’ll continue building our landing page. Two components left: Faq and Newsletter Signup.
We learn how to use Strapis dynamic zones and allow non-technical users to manage content.
📚 What You’ll Learn:
- Creating Landing Page Content Types: Well set up a new single type for your landing page, complete with essential fields.
Dynamic Zones Explained: Discover how dynamic zones allow multiple components and can help you manage variations in content structure.
- Step-by-Step Section Creation: Continue to build out our landing page sections.
- Using Queries for Data Population: Understand how to implement populate logic to prepare your content for display.
- Middleware for Improved API Calls: Ill show you how to create middleware that automatically populates your data, making your API calls cleaner and safer.
🛠️ Key Takeaways:
- Flexible Content Management: Dynamic zones allow for easy rearrangement and addition of components.
- Better API Integration: Middleware enhances data fetching efficiency and security.
- User-Friendly Interface: Strappys intuitive content type builder simplifies creating and managing content.
- Reusable Components: Create components that can be used across multiple pages for consistency.
- SEO-Friendly Structure: The ability to manage content dynamically helps in optimizing search engines.
💬 Join the Discussion. Have questions or need clarification? Drop your comments below, and dont forget to subscribe for more Strapi tutorials! Strapi v5 Crash Course 2025 [ Part 9 Building our landing page with dynamic zones ]](https://i.ytimg.com/vi/RLYtQg_IrVk/mqdefault.jpg)
