Uploaded January 2024 | Updated September 2026, 2 weeks ago
How To Get Started with Shadcn UI and Remix: remix js tutorial for beginner part 1
Learn the basics of Shadcn UI and Remix JS in this beginner coding tutorial. This video is part 1 of a series that will help you get started with these tools for web design and development.
If you're new to coding or looking to expand your skills, this tutorial is perfect for you. We'll cover the basics of Shadcn UI and Remix JS and show you how to use them to create stunning website designs. Get ready to level up your coding game with this easy-to-follow tutorial!
In this Remix JS tutorial for beginners, I take a look at Remix and Shadcn UI, two awesome ways to build web applications. We start by explaining the benefits of using Remix with Shadcn UI and its unique approach to component installation.
Next, we go through the process of how to get started with Shadcn UI and Remix. I walk through the installation steps, including running the necessary commands and configuring Tailwind CSS.
Once our project is set up, we explore how to use Shadcn UI components in a Remix project. I demonstrate how to install specific components and import them into our code.
I then use v0 a platform from Vercel, which allows us to automatically generate layouts using AI.
I show how you can easily prototype fast with v0, Remix and Shadcn UI to create a simple landing page component.
To wrap up the video, I recap the key takeaways, including the benefits of using Remix and Shadcn UI, the component-based approach, and the capabilities of the Vercel service.
Stay tuned for future videos where l will cover more in-depth topics related to Remix and Shadcn UI
Thank you for checking out the video. I know that there are a lot of great other channels, so thank you for your time. If you like what I do here, or have feedback, questions, feel free to comment below, like and sub. You are all awesome.
---------------------------------------------------------------------------------------------------------------------
Check out my other videos.
---------------------------------------------------------------------------------------------------------------------
Want to see how I use ChatGPT to study? Check out this video.
youtube.com/watch?v=BxRoPAYMDG8
Javascript vs React how soon should you learn it?
youtube.com/watch?v=w8NCk4qMAAs
Check out my story and how I got hired?
youtube.com/watch?v=61P0yKsU8yw
Check out my first cringe video here. This was one of my first videos.
youtube.com/watch?v=DjYz8-UwS4o
How To Get Started with Shadcn UI and Remix: remix js tutorial for beginner part 1
Learn the basics of Shadcn UI and Remix JS in this beginner coding tutorial. This video is part 1 of a series that will help you get started with these tools for web design and development.
If you're new to coding or looking to expand your skills, this tutorial is perfect for you. We'll cover the basics of Shadcn UI and Remix JS and show you how to use them to create stunning website designs. Get ready to level up your coding game with this easy-to-follow tutorial!
In this Remix JS tutorial for beginners, I take a look at Remix and Shadcn UI, two awesome ways to build web applications. We start by explaining the benefits of using Remix with Shadcn UI and its unique approach to component installation.
Next, we go through the process of how to get started with Shadcn UI and Remix. I walk through the installation steps, including running the necessary commands and configuring Tailwind CSS.
Once our project is set up, we explore how to use Shadcn UI components in a Remix project. I demonstrate how to install specific components and import them into our code.
I then use v0 a platform from Vercel, which allows us to automatically generate layouts using AI.
I show how you can easily prototype fast with v0, Remix and Shadcn UI to create a simple landing page component.
To wrap up the video, I recap the key takeaways, including the benefits of using Remix and Shadcn UI, the component-based approach, and the capabilities of the Vercel service.
Stay tuned for future videos where l will cover more in-depth topics related to Remix and Shadcn UI
Thank you for checking out the video. I know that there are a lot of great other channels, so thank you for your time. If you like what I do here, or have feedback, questions, feel free to comment below, like and sub. You are all awesome.
---------------------------------------------------------------------------------------------------------------------
Check out my other videos.
---------------------------------------------------------------------------------------------------------------------
Want to see how I use ChatGPT to study? Check out this video.
youtube.com/watch?v=BxRoPAYMDG8
Javascript vs React how soon should you learn it?
youtube.com/watch?v=w8NCk4qMAAs
Check out my story and how I got hired?
youtube.com/watch?v=61P0yKsU8yw
Check out my first cringe video here. This was one of my first videos.
youtube.com/watch?v=DjYz8-UwS4o



![State Of Web Development Jobs With Luke [ Luke is a self taught developer and author ]
#learntocode #webdevelopment #devjobs
Letโs Catch Up and Talk About Coding and the Developer Job Market with Luke. Luke and I started our journey around the same time, and both broke into the industry late in our thirties.
Topics:
- Chat about Lukes job experience
- What is he doing to stay relevant and hireable
- Chat about AI and the future of the developer job market
- Job market
- Q and A State Of Web Development Jobs With Luke [ Luke is a self taught developer and author ]](https://i.ytimg.com/vi/J-2eZORWAQg/mqdefault.jpg)

![Strapi v5 Crash Course 2025 [ Part 5 populate data in Strapi with route middleware ]
Strapi tutorial part 5, we will learn about Strapis route middleware to populate our data from the server, leading to a more secure API.
๐ Lesson Notes: https://www.codingafterthirty.com/courses/strapi-5-crash-course-2025/populate-content-with-strapi-s-route-middleware
๐ Learn more about Strapi: https://strapi.link/learn-more
Welcome back to Part 5 of our Strapi Crash Course! In this tutorial, weโll explore how to improve your Strapi backend API using route middleware. This technique boosts performance and secures your API by controlling data access.
๐ What Youโll Learn:
- Understanding Middleware: Understand how middleware works within the Strapi ecosystem.
- Setting Up Route Middleware: Here are the step-by-step instructions for creating and configuring your global pages middleware.
- Prepopulating Data: Discover how to predefine query parameters to streamline your API calls.
๐ ๏ธ Key Takeaways:
- Middleware allows for a cleaner API that returns only your desired data.
- Prepopulating data in middleware reduces the complexity of the front-end.
- Enhanced security measures can prevent unnecessary data exposure.
๐ฌ 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 5 populate data in Strapi with route middleware ]](https://i.ytimg.com/vi/J6xCcRggr88/mqdefault.jpg)

![WordPress vs Headless CMS: Which is the Best Choice for Developers? [ Developer perspective ]
Paul and Nik share their thoughts on using sites like WordPress vs a Headless CMS like @Strapi Full episode ๐๐ปhttps://www.youtube.com/watch?v=PPZxLGdunF0 with @coffeecodeandchat and @kizo-niklas
Why I Prefer Headless CMS and JavaScript Frameworks Over WordPress for Custom Development
We share our insights on why headless CMS solutions like Stapi or others offer developers more flexibility, control, and efficiency.
Key Points and Benefits
Flexibility and Control
Headless CMS solutions like Strapi offer developers more flexibility, control, and efficiency than WordPress for custom development. They enable tailored experiences without the limitations of pre-built themes.
Strapis customizability through writing custom code or creating plugins allows developers to build tailored solutions for specific needs, such as automatically generating YouTube video descriptions and summaries.
Development Efficiency
Keeping everything in JavaScript with headless CMS solutions, using tools like React and Node, makes development smoother and easier to manage compared to WordPresss pre-built themes.
Learning and Community
Strapi fosters a community that encourages learning and collaboration, providing open-source platforms and tools to enhance understanding and skills in backend development.
Strapis open-source code and community enable developers to learn about backend and full-stack development by examining project structure and customizing it to their needs.
Migration and Data Management
Headless CMS often provides a more straightforward data structure for migrations compared to WordPress, simplifying the process of moving content between platforms. WordPress vs Headless CMS: Which is the Best Choice for Developers? [ Developer perspective ]](https://i.ytimg.com/vi/Ja6g8R9dwwY/mqdefault.jpg)


