Uploaded October 2024 | Updated September 2026, 2 weeks ago
Welcome to Part 4.2 where we continue building our user sign up form with server actions and zod validation.
👋 Code Snippets: strapi.link/epic-next-4
Hello, wonderful people! In today’s video, I'm excited to continue our journey in developing a YouTube video summarizer application using Next.js and Strapi. If you missed the previous videos, don’t worry! We’ve already set up our top navigation, landing page, and the initial signup form.
In this video, we’ll dive deeper into enhancing our signup page. Here’s what you can expect:
🔑 Key Points Covered:
Form Data Handling: Learn how to capture and send form data to our Strapi backend seamlessly.
Zod Validation: I’ll introduce Zod for server-side validation to ensure user inputs meet our criteria before submission.
Error Handling: We’ll implement visual error messages to guide users through the signup process.
JWT Authentication: Discover how to authenticate users with Strapi and handle JWT tokens effectively.
Loading States: See how to implement a loading spinner for a better user experience during form submission.
🌟 Benefits of Watching:
Gain hands-on experience in building a functional signup form with real-time validation.
Understand how to integrate Zod for input validation to enhance data integrity.
Learn how to manage user authentication and error handling in your applications.
Access the code snippets from my accompanying blog post to follow along effortlessly.
Don’t forget to check out the linked blog post in the description for all the code snippets and further resources! If you have any questions or need assistance, drop them in the comments or join me live on Discord from Monday to Friday at 12:30 p.m. CST.
Thank you for watching, and let’s jump right into building our signup form!
Welcome to Part 4.2 where we continue building our user sign up form with server actions and zod validation.
👋 Code Snippets: strapi.link/epic-next-4
Hello, wonderful people! In today’s video, I'm excited to continue our journey in developing a YouTube video summarizer application using Next.js and Strapi. If you missed the previous videos, don’t worry! We’ve already set up our top navigation, landing page, and the initial signup form.
In this video, we’ll dive deeper into enhancing our signup page. Here’s what you can expect:
🔑 Key Points Covered:
Form Data Handling: Learn how to capture and send form data to our Strapi backend seamlessly.
Zod Validation: I’ll introduce Zod for server-side validation to ensure user inputs meet our criteria before submission.
Error Handling: We’ll implement visual error messages to guide users through the signup process.
JWT Authentication: Discover how to authenticate users with Strapi and handle JWT tokens effectively.
Loading States: See how to implement a loading spinner for a better user experience during form submission.
🌟 Benefits of Watching:
Gain hands-on experience in building a functional signup form with real-time validation.
Understand how to integrate Zod for input validation to enhance data integrity.
Learn how to manage user authentication and error handling in your applications.
Access the code snippets from my accompanying blog post to follow along effortlessly.
Don’t forget to check out the linked blog post in the description for all the code snippets and further resources! If you have any questions or need assistance, drop them in the comments or join me live on Discord from Monday to Friday at 12:30 p.m. CST.
Thank you for watching, and let’s jump right into building our signup form!
![Learn Next.js By Building Something AWESOME! [ Next.js Tutorial Idea for Beginners ]](https://i.ytimg.com/vi/XqicD-v7ILU/mqdefault.jpg "Learn Next.js By Building Something AWESOME! [ Next.js Tutorial Idea for Beginners ]
First good project for beginners using Next.js, Vercel AI SDK, Chadcn UI, and Strapi to save our data.
Project Ripo: 👉 https://github.com/PaulBratslavsky/make-me-sound-less-dumb
Hey, wonderful people! In today’s video, I share a new project I built using Next.js: the Make Me Less Dumb writing tool. This app not only corrects your text but also teaches you valuable lessons to improve your writing skills.
What Youll Learn:
Project Introduction: Discover how this app tackles the real-world issue of improving writing.
Tech Stack Breakdown: Well explore the technologies used, including Next.js, OpenAI, and Strapi.
Step-by-Step Code Walkthrough: Join me as I dive into the code and showcase how the app enhances and analyzes text.
Key Takeaways:
- Learn how to approach project ideas by solving genuine problems.
- Understand the basics of form handling and server actions in Next.js.
- Gain insights into calling external APIs and storing data with a headless CMS.
If youre interested in a full tutorial on building this project, dont forget to hit the like button and leave a comment!")
![Building a Dynamic Website Landing Page With Next.js 15 and Strapi 5 Headless CMS [ Code Included ]](https://i.ytimg.com/vi/YhEVIGzJD1Y/mqdefault.jpg "Building a Dynamic Website Landing Page With Next.js 15 and Strapi 5 Headless CMS [ Code Included ]
How to structure and manage your dynamic content in Next.js with Strapi.
👉🏻 Code on GitHub: https://github.com/PaulBratslavsky/strapi-blocks-demo-next-js
✨ Next.js 15 and Strapi Demo: https://strapi.link/strapi-and-nextjs
😅 My website: https://www.codingafterthirty.com
Chapters
00:00 Create a dynamic landing page using Next.js and Strapi.
03:11 Rendering Dynamic content in Next.js with block renderer component.
04:29 Focus on building and not on content management.
05:56 Build a dynamic website with Next.js and Strapi for easy content management.
06:48 Set up a Next.js and Strapi project.
Learn how to use Strapi 5s Dynamic Zones with Next.js 15 to build and render dynamic pages effortlessly. Strapi’s headless CMS makes content management easy for non-technical users, while Next.js dynamically renders components based on Strapi’s structured API data.
Strapi’s Collection Types organize content into reusable sections like Hero banners, headings, and carousels, which map directly to components in Next.js. Content updates in Strapi are instantly reflected in your application, streamlining collaboration between content creators and developers.
Key Highlights:
Manage dynamic content with Strapi’s Dynamic Zones and API integration.
Map Strapi blocks directly to Next.js components for efficient page building.
Easily update content in Strapi and see changes live in Next.js after publishing.")
![Freelancing vs Employment: Which Path Will Boost Your Career? [ For Self Taught Developers ]](https://i.ytimg.com/vi/YsgXebtipSU/mqdefault.jpg "Freelancing vs Employment: Which Path Will Boost Your Career? [ For Self Taught Developers ]
Lets talk about freelancing vs employment and which is the right path and challenges with each.
Full episode 👉🏻https://www.youtube.com/watch?v=PPZxLGdunF0 with @coffeecodeandchat and @kizo-niklas
In today’s job market, the differences between freelancing and traditional employment can significantly influence your career trajectory. Join Paul and Nik as they delve into the mindset of freelancers, the importance of continuous learning, and how to embrace rapid iteration for personal growth.
Chapters
00:00 Freelancers need to constantly upskill due to instability, while employees enjoy security but may lack motivation to grow, making entrepreneurial skills valuable for all. Expand
01:42 Freelancers must constantly adapt their skills to market demands, while employees enjoy job security but may become complacent in their professional development.
02:27 Freelancing offers flexibility and independence but comes with increased stress and financial uncertainty compared to traditional employment.
02:59 Freelancing can be stressful and isnt for everyone, but it encourages creative thinking and problem-solving.
03:18 Freelancing offers flexibility and opportunities for side projects, but may lack job security, making it essential to consider personal circumstances before choosing this path.
04:09 Finding a career path that aligns with your mindset and passions is crucial for motivation and skill development.
04:49 Embracing rapid iteration and learning from failures enhances development skills and leads to better product outcomes.
05:48 Embracing a systematic approach in freelancing can enhance efficiency, but incorporating unique elements in each project fosters growth and learning.
5 Key Topics:
- The Freelance Mindset: Understanding the differences in job security and skill development between employees and freelancers.
- Continuous Learning: The necessity of investing time in skill enhancement as a freelancer.
- Rapid Iteration: Learning from failures and the value of building quickly to improve skills.
- Comfort Zone Expansion: The importance of stepping outside your comfort zone with each new project.
- Freelancing as a Safety Net: How freelancing can provide additional security in an unpredictable job market.")
![Strapi v5 Crash Course 2025 [ Part 12 Refactoring our Strapi middleware ]](https://i.ytimg.com/vi/bR16liDXyC8/mqdefault.jpg "Strapi v5 Crash Course 2025 [ Part 12 Refactoring our Strapi middleware ]
In this Strapi tutorial part 12, we will refactor our middleware code.
In this final part, we will create a Featured Articles Component in Strapi and finalize our project.
👉 Lesson Notes: https://www.codingafterthirty.com/courses/strapi-5-crash-course-2025/middleware-refactor-in-strapi
👉 Learn more about Strapi: https://strapi.link/learn-more
In this video, we will examine how to improve our code by refactoring. If you ever find yourself repeating yourself, this is a good sign that we can improve or refactor our code.")
