Популярное

Музыка Кино и Анимация Автомобили Животные Спорт Путешествия Игры Юмор

Интересные видео

2025 Сериалы Трейлеры Новости Как сделать Видеоуроки Diy своими руками

Топ запросов

смотреть а4 schoolboy runaway турецкий сериал смотреть мультфильмы эдисон
dTub
Скачать

Build Your Own MASTERCLASS clone in React Native

Автор: Simon Grimm

Загружено: 2025-03-25

Просмотров: 12226

Описание:

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-r...
👉 API code: https://github.com/Galaxies-dev/lms-api

#############################

❤️ You can also find me on:
Twitter:   / schlimmson  
Instagram:   / 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

Поделиться в:

Доступные форматы для скачивания:

Скачать видео mp4

  • Информация по загрузке:

Скачать аудио mp3

Похожие видео

array(20) { ["26opRFPU0a8"]=> object(stdClass)#11267 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "26opRFPU0a8" ["related_video_title"]=> string(65) "Gadgets Selling App: React Native Expo, Stripe, Supabase & NextJs" ["posted_time"]=> string(19) "1 год назад" ["channelName"]=> NULL } ["pTonpjmKtiE"]=> object(stdClass)#11275 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "pTonpjmKtiE" ["related_video_title"]=> string(87) "Building a Wordle Game with React Native (Firebase, Clerk, Reanimated, MMKV, Dark Mode)" ["posted_time"]=> string(19) "1 год назад" ["channelName"]=> NULL } ["aYftPYZJsy8"]=> object(stdClass)#11265 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "aYftPYZJsy8" ["related_video_title"]=> string(53) "Clone a Food Delivery App like Wolt with React Native" ["posted_time"]=> string(19) "2 дня назад" ["channelName"]=> NULL } ["Snw0b-PMhsU"]=> object(stdClass)#11271 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "Snw0b-PMhsU" ["related_video_title"]=> string(89) "Build Your Own AI Caption Editor with React Native (Convex, ElevenLabs, NativeWind, Expo)" ["posted_time"]=> string(27) "5 месяцев назад" ["channelName"]=> NULL } ["1P9dZZcRcao"]=> object(stdClass)#11259 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "1P9dZZcRcao" ["related_video_title"]=> string(91) "Build the Amazon App with React Native & AI Voice Agents (Vapi, NativeWind, TanStack, Expo)" ["posted_time"]=> string(25) "4 месяца назад" ["channelName"]=> NULL } ["PLzA2VyZwsq_9pAerklFF1vWe8lnWw03le"]=> object(stdClass)#11276 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(34) "PLzA2VyZwsq_9pAerklFF1vWe8lnWw03le" ["related_video_title"]=> string(81) "📚 Cursos de Programación Completos en un Solo Video | Aprende Desde Cero 🚀" ["posted_time"]=> string(0) "" ["channelName"]=> NULL } ["WArl-7O6e0w"]=> object(stdClass)#11263 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "WArl-7O6e0w" ["related_video_title"]=> string(62) "Building React Native TurboModules with Swift - Event Emitting" ["posted_time"]=> string(22) "11 дней назад" ["channelName"]=> NULL } ["ET2zk9FRL-c"]=> object(stdClass)#11270 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "ET2zk9FRL-c" ["related_video_title"]=> string(79) "Build AI Based SaaS Mobile App with React Native and Laravel API - Full Process" ["posted_time"]=> string(27) "6 месяцев назад" ["channelName"]=> NULL } ["_k5v0KOfNZ0"]=> object(stdClass)#11253 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "_k5v0KOfNZ0" ["related_video_title"]=> string(93) "Build a Todoist Clone with React Native (RevenueCat, Clerk, Sentry, Expo, Reanimated, SQLite)" ["posted_time"]=> string(28) "11 месяцев назад" ["channelName"]=> NULL } ["c8UJhz7H5sc"]=> object(stdClass)#11274 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "c8UJhz7H5sc" ["related_video_title"]=> string(80) "Let's build a production ready LMS Mobile App with Expo React Native | Last part" ["posted_time"]=> string(27) "9 месяцев назад" ["channelName"]=> NULL } ["EdSYsC6sSNA"]=> object(stdClass)#11266 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "EdSYsC6sSNA" ["related_video_title"]=> string(122) "⚡️ Удар «Кинжалами» по Киеву || Срочный вылет Зеленского из страны" ["posted_time"]=> string(23) "9 часов назад" ["channelName"]=> NULL } ["PwKUw5ljc2o"]=> object(stdClass)#11272 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "PwKUw5ljc2o" ["related_video_title"]=> string(79) "Школьник Взломал Playstation, но его Спасли Anonymous" ["posted_time"]=> string(21) "1 день назад" ["channelName"]=> NULL } ["j0zZDgQPYIM"]=> object(stdClass)#11260 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "j0zZDgQPYIM" ["related_video_title"]=> string(70) "🔴 Build the Audible clone in React Native (Tutorial for Beginners)" ["posted_time"]=> string(71) "Трансляция закончилась 7 месяцев назад" ["channelName"]=> NULL } ["l9ov48v0M2M"]=> object(stdClass)#11258 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "l9ov48v0M2M" ["related_video_title"]=> string(83) "Build a Full Stack mobile app in just 8 Hours (React Native, Expo, Clerk, Supabase)" ["posted_time"]=> string(25) "3 месяца назад" ["channelName"]=> NULL } ["42RKqciqjV0"]=> object(stdClass)#11256 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "42RKqciqjV0" ["related_video_title"]=> string(45) "7 EPIC React Native Snippets You NEED to Know" ["posted_time"]=> string(27) "6 месяцев назад" ["channelName"]=> NULL } ["uBdpV9GGlzo"]=> object(stdClass)#11257 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "uBdpV9GGlzo" ["related_video_title"]=> string(88) "MERN Stack Project: Build a Twitter Clone with React Native - Full React Native Tutorial" ["posted_time"]=> string(25) "4 месяца назад" ["channelName"]=> NULL } ["M_z6shjaoNw"]=> object(stdClass)#11254 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "M_z6shjaoNw" ["related_video_title"]=> string(31) "React Native vs Flutter In 2025" ["posted_time"]=> string(27) "9 месяцев назад" ["channelName"]=> NULL } ["GSs4Dnz274k"]=> object(stdClass)#11255 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "GSs4Dnz274k" ["related_video_title"]=> string(89) "Build Your Own Pocket Clone with React Native (Expo, SQLite, Reanimated, API Routes, IAP)" ["posted_time"]=> string(25) "4 недели назад" ["channelName"]=> NULL } ["0sfVmH5_nj4"]=> object(stdClass)#11243 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "0sfVmH5_nj4" ["related_video_title"]=> string(77) "Let's build a production ready LMS Mobile App with Expo React Native | Part 1" ["posted_time"]=> string(28) "11 месяцев назад" ["channelName"]=> NULL } ["VUhaDTKYBJU"]=> object(stdClass)#11244 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "VUhaDTKYBJU" ["related_video_title"]=> string(0) "" ["posted_time"]=> string(19) "1 год назад" ["channelName"]=> NULL } }
Gadgets Selling App: React Native Expo, Stripe, Supabase & NextJs

Gadgets Selling App: React Native Expo, Stripe, Supabase & NextJs

Building a Wordle Game with React Native (Firebase, Clerk, Reanimated, MMKV, Dark Mode)

Building a Wordle Game with React Native (Firebase, Clerk, Reanimated, MMKV, Dark Mode)

Clone a Food Delivery App like Wolt with React Native

Clone a Food Delivery App like Wolt with React Native

Build Your Own AI Caption Editor with React Native (Convex, ElevenLabs, NativeWind, Expo)

Build Your Own AI Caption Editor with React Native (Convex, ElevenLabs, NativeWind, Expo)

Build the Amazon App with React Native & AI Voice Agents (Vapi, NativeWind, TanStack, Expo)

Build the Amazon App with React Native & AI Voice Agents (Vapi, NativeWind, TanStack, Expo)

📚 Cursos de Programación Completos en un Solo Video | Aprende Desde Cero 🚀

📚 Cursos de Programación Completos en un Solo Video | Aprende Desde Cero 🚀

Building React Native TurboModules with Swift - Event Emitting

Building React Native TurboModules with Swift - Event Emitting

Build AI Based SaaS Mobile App with React Native and Laravel API - Full Process

Build AI Based SaaS Mobile App with React Native and Laravel API - Full Process

Build a Todoist Clone with React Native (RevenueCat, Clerk, Sentry, Expo, Reanimated, SQLite)

Build a Todoist Clone with React Native (RevenueCat, Clerk, Sentry, Expo, Reanimated, SQLite)

Let's build a production ready LMS Mobile App with Expo React Native | Last part

Let's build a production ready LMS Mobile App with Expo React Native | Last part

⚡️ Удар «Кинжалами» по Киеву || Срочный вылет Зеленского из страны

⚡️ Удар «Кинжалами» по Киеву || Срочный вылет Зеленского из страны

Школьник Взломал Playstation, но его Спасли Anonymous

Школьник Взломал Playstation, но его Спасли Anonymous

🔴  Build the Audible clone in React Native (Tutorial for Beginners)

🔴 Build the Audible clone in React Native (Tutorial for Beginners)

Build a Full Stack mobile app in just 8 Hours (React Native, Expo, Clerk, Supabase)

Build a Full Stack mobile app in just 8 Hours (React Native, Expo, Clerk, Supabase)

7 EPIC React Native Snippets You NEED to Know

7 EPIC React Native Snippets You NEED to Know

MERN Stack Project: Build a Twitter Clone with React Native - Full React Native Tutorial

MERN Stack Project: Build a Twitter Clone with React Native - Full React Native Tutorial

React Native vs Flutter In 2025

React Native vs Flutter In 2025

Build Your Own Pocket Clone with React Native (Expo, SQLite, Reanimated, API Routes, IAP)

Build Your Own Pocket Clone with React Native (Expo, SQLite, Reanimated, API Routes, IAP)

Let's build a production ready LMS Mobile App with Expo React Native | Part 1

Let's build a production ready LMS Mobile App with Expo React Native | Part 1

© 2025 dtub. Все права защищены.



  • Контакты
  • О нас
  • Политика конфиденциальности



Контакты для правообладателей: [email protected]