Build Your Own MASTERCLASS clone in React Native
Built with (Strapi CMS, RevenueCat, Clerk, Expo, Reanimated). Skip the CRUD—this tutorial will teach you how to easily setup a React Native MOBILE and WEB application. I’ll show you how to create a Learning Management System (LMS) powered by Strapi CMS, RevenueCat, Clerk, Expo, and Reanimated! Whether you're looking to build your own online course platform or just want to learn how these tools work together, this guide will get you started.
💰 RevenueCat: https://dub.sh/rcat
🔐 Clerk: https://go.clerk.com/qnq1nUv
☁️ Strapi.io: https://strapi.link/galaxies-dev
Key Features:
🚀 Use Expo to set up a custom dev client app
🌐 Use Expo file-based routing
🔐 Protect pages with Expo Router and Clerk authentication
🦄 Combine Tabs & Drawer Navigation
🤑 Web & Native Subscriptions
💫 NativeWind Styling for Web & Native
✨ Reanimated Animations
👨💻 App code: https://github.com/Galaxies-dev/lms-react-native
👉 API code: https://github.com/Galaxies-dev/lms-api
#############################
❤️ You can also find me on:
Twitter: https://twitter.com/schlimmson
Instagram: http://instagram.com/simongrimm_
Bluesky: https://bsky.app/profile/galaxies.dev
#############################
00:00 About this clone
00:47 Take Your Apps to The Next Level
01:28 Strapi.io
02:33 Clerk
03:12 RevenueCat
03:58 Skills You'll Learn
09:29 Tutorial Starts HERE!
20:19 Setting up your Strapi Project
37:37 Configure Clerk & Dependencies
46:30 Building a Login with Clerk Authentication
01:00:44 Protecting our App Layout
01:16:55 Defining Web & Mobile Layouts
01:25:18 Loading Strapi Data into DOM Components
01:48:30 Browsing the Course Library
02:12:12 Creating the Course Overview with Parallax Header
02:48:22 Using an API Function with Expo Router
02:53:31 Purchasing Courses with RevenueCat
03:13:36 Handling Web Purchases with Stripe
03:25:56 Showing Courses and Drawer Navigation
03:42:00 Building out the Custom Drawer
03:56:28 Creating Lessons with Expo Video
04:23:30 Adding a Waitlist Page and User Profile
04:30:58 Transfer Data to Strapi Cloud
04:37:38 Deploy your Website through EAS Hosting
04:41:27 Breakdown
Видео Build Your Own MASTERCLASS clone in React Native канала Simon Grimm
💰 RevenueCat: https://dub.sh/rcat
🔐 Clerk: https://go.clerk.com/qnq1nUv
☁️ Strapi.io: https://strapi.link/galaxies-dev
Key Features:
🚀 Use Expo to set up a custom dev client app
🌐 Use Expo file-based routing
🔐 Protect pages with Expo Router and Clerk authentication
🦄 Combine Tabs & Drawer Navigation
🤑 Web & Native Subscriptions
💫 NativeWind Styling for Web & Native
✨ Reanimated Animations
👨💻 App code: https://github.com/Galaxies-dev/lms-react-native
👉 API code: https://github.com/Galaxies-dev/lms-api
#############################
❤️ You can also find me on:
Twitter: https://twitter.com/schlimmson
Instagram: http://instagram.com/simongrimm_
Bluesky: https://bsky.app/profile/galaxies.dev
#############################
00:00 About this clone
00:47 Take Your Apps to The Next Level
01:28 Strapi.io
02:33 Clerk
03:12 RevenueCat
03:58 Skills You'll Learn
09:29 Tutorial Starts HERE!
20:19 Setting up your Strapi Project
37:37 Configure Clerk & Dependencies
46:30 Building a Login with Clerk Authentication
01:00:44 Protecting our App Layout
01:16:55 Defining Web & Mobile Layouts
01:25:18 Loading Strapi Data into DOM Components
01:48:30 Browsing the Course Library
02:12:12 Creating the Course Overview with Parallax Header
02:48:22 Using an API Function with Expo Router
02:53:31 Purchasing Courses with RevenueCat
03:13:36 Handling Web Purchases with Stripe
03:25:56 Showing Courses and Drawer Navigation
03:42:00 Building out the Custom Drawer
03:56:28 Creating Lessons with Expo Video
04:23:30 Adding a Waitlist Page and User Profile
04:30:58 Transfer Data to Strapi Cloud
04:37:38 Deploy your Website through EAS Hosting
04:41:27 Breakdown
Видео Build Your Own MASTERCLASS clone in React Native канала Simon Grimm
app development learn react react course react native ios development react tutorial react native tutorial react native app full course react native clerk reanimated expo router galaxies galaxies.dev simon grimm react native subscriptions react antive revenuecat react native drizzle cross platform app strapi cms strapi react native full course react native course react native expo react js reactjs fireship typescript supabase tutorial
Комментарии отсутствуют
Информация о видео
25 марта 2025 г. 22:00:42
04:42:56
Другие видео канала
