Uploaded January 2024 | Updated September 2026, 2 weeks ago
How to Set Up Authentication in Remix with Clerk: Remix JS tutorial for beginners
Join me today as I dive into setting up authentication in Remix using Clerk. Clerk is a powerful tool that simplifies the process of adding authentication to your application.
We'll walk through the entire setup process, including signing in with Google and protecting certain routes in your app.
We'll start with some pre-written code, but don't worry; all the hard work is yet to be done.
This tutorial is perfect for those looking to secure their Remix applications with a reliable authentication system. So, let's get started and see how easy it is to implement authentication with Clerk!
So if you are learning to code as a self taught developer or looking to learn Remix JS, this tutorial is for you.
Key Points and Benefits:
- I'll show you how to set up authentication in Remix using Clerk.
- Clerk makes it easy to add authentication to your application.
- We'll protect specific routes that require users to be signed in.
- I'll guide you through creating a Clerk account and adding an application.
- We'll install Clerk and Remix, set up our environment variables, and configure our application.
- You'll learn how to create sign-up and sign-in routes and handle redirects.
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 Set Up Authentication in Remix with Clerk: Remix JS tutorial for beginners
Join me today as I dive into setting up authentication in Remix using Clerk. Clerk is a powerful tool that simplifies the process of adding authentication to your application.
We'll walk through the entire setup process, including signing in with Google and protecting certain routes in your app.
We'll start with some pre-written code, but don't worry; all the hard work is yet to be done.
This tutorial is perfect for those looking to secure their Remix applications with a reliable authentication system. So, let's get started and see how easy it is to implement authentication with Clerk!
So if you are learning to code as a self taught developer or looking to learn Remix JS, this tutorial is for you.
Key Points and Benefits:
- I'll show you how to set up authentication in Remix using Clerk.
- Clerk makes it easy to add authentication to your application.
- We'll protect specific routes that require users to be signed in.
- I'll guide you through creating a Clerk account and adding an application.
- We'll install Clerk and Remix, set up our environment variables, and configure our application.
- You'll learn how to create sign-up and sign-in routes and handle redirects.
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
![Building a Blog Website with TanStack Start and Strapi [ full project code included ]
Building a Blog Website with TanStack Start and Strapi - Landing Page, Blog, pages, auth and paginations.
👉 Project Repo: https://github.com/PaulBratslavsky/strapi-tanstack-start-starter
👉 Strapi Docs: https://strapi.link/444tROv
Hey everyone! In this video, I talk about building my first TanStack Start project, which I can use as a starting template to quickly jump up projects for freelancing.
This project focuses on creating a full dynamic landing page with a blog website perfect for informational websites. Includes:
- landing page
- pagination
- search
- auth
- comments
If you want to freelance learn web dev, are considering freelancing, or learn about headless CMS, this video is for you.
TanStack Start is a great alternative to Next.js and you can deploy it anywhere, not just Vercel. And its seamless integration with tools like Strapi. It makes it easy for users to build dynamic, SEO-friendly websites. Building a Blog Website with TanStack Start and Strapi [ full project code included ]](https://i.ytimg.com/vi/pFZi5xA4_7E/mqdefault.jpg)







![Strapi v5 Crash Course 2025 [ Part 4 learning populate and filtering in Strapi ]
Strapi tutorial part 4, we will learn about Strapis populate and filtering to only get the data we need from our API.
👉 Lesson Notes: https://www.codingafterthirty.com/courses/strapi-5-crash-course-2025/introduction-to-strapi-s-populate-and-filtering
👉 Learn more about Strapi: https://strapi.link/learn-more
Welcome back to Part 4 of our Strapi Crash Course! This tutorial will dive deep into how data population and filtering work in Strapi, ensuring you have the tools to manage your content effectively.
📚 What You’ll Learn:
- Understanding Top-Level Fields: In Strapi, top-level fields like title and description automatically populate, while relational fields require explicit queries.
- Creating Collection Types: Learn how to create new collection types and understand the significance of different field types in your data structure.
- Utilizing Components and Relations: Discover how to properly implement components and relationships to enhance your content architecture.
- Constructing Queries for Data Retrieval: Get hands-on with building queries to fetch nested data using both shorthand and object notation in Strapi.
🛠️ Key Takeaways:
- Master the basics of data population and filtering in Strapi.
- Gain hands-on experience with Strapis query syntax.
- Optimize your API calls to improve performance and efficiency.
đź’¬ 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 4 learning populate and filtering in Strapi ]](https://i.ytimg.com/vi/tAGNDGrVJfk/mqdefault.jpg)
![Building My Project with Next.js and Strapi [ Learning to code by building projects ]
#learntocode2023 #webdevelopment #buildinpublic
Friday Night Hangout 8:00 PM CST. Its Friday night, I am single, so I might as well do some coding. Building a profile page in my LMS project built with Next.js 15 and Strapi 5.
- Watch me try to code
- Ask questions
- Share some thoughts and ideas
Streaming my progress as I learn to code by building apps with Next.js and Strapi. Building My Project with Next.js and Strapi [ Learning to code by building projects ]](https://i.ytimg.com/vi/tMtm1jghGhk/mqdefault.jpg)
![Building a Dynamic Blog Website with Next.js and Strapi | Starter Project Walkthrough
Getting Started With Next.js 15 and Strapi 5 Headless CMS Project Overview [ All Code Included ]
Strapi 5 docs: https://strp.cc/3yHOhAw
Project Repo: https://github.com/PaulBratslavsky/strapi-5-next-js-starter-project
In todays video, I wanted to share a project Ive been working on—a simple blog website with dynamic content powered by Next.js on the front end and Strapi headless CMS on the back end.
Ill walk you through the basic features and how to set up the project locally so you can have all the code and run it on your computer.
Project includes:
- Dynamic landing page
- Header and Footer
- Blog section with pagination and search
- Single post view
- Login and Register page
- Middleware for protecting the routes
- Dashboard placeholder page
Project tech:
- Next.js 15
- Shadcn UI
- Tailwind
- Strapi
Ill also show you step-by-step instructions on how to set up the project on your local machine.
Although this is a starter demo project, its perfect for jumpstarting your blog website.
Key Topics Summary:
- Simple blog website project with dynamic content
- Next.js front end and Strapi headless CMS back end
- Blog section with posts, search, pagination, and user authentication
- Starter demo project for viewers to build upon
- Local setup process with repository cloning and setup script
- Use of Shadcn UI components and ReWeb page builder
- Strapi admin dashboard and content management
- Custom fetch function for data retrieval Building a Dynamic Blog Website with Next.js and Strapi | Starter Project Walkthrough](https://i.ytimg.com/vi/tRF_kjt0e4w/mqdefault.jpg)