Uploaded October 2024 | Updated September 2026, 2 weeks ago
Welcome to Part 4 where we will cover forms and form submission using Next.js server actions by building our signup page.
👋 Code Snippets: strapi.link/epic-next-4
We are continuing our Next.js series by building Sign In and Sign Up pages and integrating authentication with Strapi. This video focuses on routing, shared layouts, and handling form submissions using Next.js Server Actions.
🔑 Key Topics Covered in This Video:
- Grouping routes in Next.js for better structure and layout sharing.
- Building Sign In and Sign Up forms with ShadCN UI components.
- Implementing form submissions with Next.js Server Actions.
- Using FormData to capture input values for server-side processing.
= Integrating with Strapi to handle user registration and login.
💡 Benefits of Watching:
- Understand how to group routes and create shared layouts in Next.js.
- Learn to build dynamic, reusable forms for authentication workflows.
- Discover how to handle form state management with useFormState.
- See how Server Actions can simplify backend interactions with Strapi.
- Gain insights into form validation techniques using React and Next.js.
If you have any questions, feel free to ask in the comments below!
Don’t forget to like, subscribe, and hit the notification bell so you don’t miss future videos.
Welcome to Part 4 where we will cover forms and form submission using Next.js server actions by building our signup page.
👋 Code Snippets: strapi.link/epic-next-4
We are continuing our Next.js series by building Sign In and Sign Up pages and integrating authentication with Strapi. This video focuses on routing, shared layouts, and handling form submissions using Next.js Server Actions.
🔑 Key Topics Covered in This Video:
- Grouping routes in Next.js for better structure and layout sharing.
- Building Sign In and Sign Up forms with ShadCN UI components.
- Implementing form submissions with Next.js Server Actions.
- Using FormData to capture input values for server-side processing.
= Integrating with Strapi to handle user registration and login.
💡 Benefits of Watching:
- Understand how to group routes and create shared layouts in Next.js.
- Learn to build dynamic, reusable forms for authentication workflows.
- Discover how to handle form state management with useFormState.
- See how Server Actions can simplify backend interactions with Strapi.
- Gain insights into form validation techniques using React and Next.js.
If you have any questions, feel free to ask in the comments below!
Don’t forget to like, subscribe, and hit the notification bell so you don’t miss future videos.
![Getting Started with TanStack Start [ how to fetch data in Tanstack Start ]](https://i.ytimg.com/vi/xn_GNyZP2Mk/mqdefault.jpg "Getting Started with TanStack Start [ how to fetch data in Tanstack Start ]
How to fetch data in TanStack Start using server functions.
👉 Full Project Repo: https://github.com/PaulBratslavsky/strapi-tanstack-start-starter
In this video, we will take a look how to get started with Tanstack Start, if you are a complete beginner or just want to give TanStack a try, this video is for you.")
![Getting Started With Next.js 15 and Strapi 5 [ project code included ]](https://i.ytimg.com/vi/yqbFTy_0DWw/mqdefault.jpg "Getting Started With Next.js 15 and Strapi 5 [ project code included ]
Here is the tech stack I use when building projects. Next.js 15 and Strapi 5.
🔎 Learn about Strapi: https://strapi.link/yt
👉🏻 Code on GitHub: https://github.com/PaulBratslavsky/strapi-5-next-js-starter-project
✨ My Free Code Camp Course: https://www.youtube.com/watch?v=Q-cPtlYG1cY
Hey everyone! Today, Im excited to share a project Ive been working on using Next.js 15 and Strapi 5. I’ll walk you through how to set it up locally in this video. Here are the key topics I’ll cover:
Project Overview: I’ll give you a sneak peek at the landing page and features like the blog section and user authentication.
Local Setup: I’ll show you step-by-step how to clone the repository and get the app running on your machine.
Dynamic Content Management: I’ll demonstrate how to manage and render dynamic content using Strapi’s content manager.
Protected Routes: Use middleware to learn how to secure routes in your Next.js application.
Custom Fields in Strapi: I’ll explain how to create custom fields to enhance content management.")
![Here is why you should be building MCPs (Model Context Protocol) [ code included ]](https://i.ytimg.com/vi/zaI9PCI0bRU/mqdefault.jpg "Here is why you should be building MCPs (Model Context Protocol) [ code included ]
Why Everyone’s Talking About MCP? Let me show you what I have built and why you should be building MCPs too. Tutorial 👉 https://codeinpublic.com/articles/building-a-pokemon-battle-mcp-server-step-by-step-tutorial")
