1๏ธโฃ Get Started with Sanity ๐ https://www.sanity.io/sonny?utm_sourc...
2๏ธโฃ Get Started with Clerk ๐ https://go.clerk.com/oVvoZlJ
โ๏ธGet the Full Source Code for FREE here ๐ https://www.papareact.com/ai-journal-...
๐จ Join the worldโs BEST developer community & course Zero to Full Stack Hero: https://www.papareact.com/course
๐ ๏ธ Looking for the Code for my other builds? (Plus over 55+ others!)
https://links.papareact.com/github
Join me as I show you how to build a AI Journal App from scratch with React Native - This comprehensive tutorial covers everything you need to create an AI Journal App!
๐ฏ What You'll Learn
๐ ๏ธ Modern Tech Stack:
Expo SDK 54 - React Native with new architecture, React 19, and file-based routing
Sanity CMS - Headless CMS with custom schemas, Studio admin dashboard, and powerful GROQ queries
Clerk + Billing - Authentication with Stripe-powered subscriptions and pricing table integration
OpenAI GPT - Pro Feature gated AI therapeutic chat with multi-step reasoning and tool calling
Vercel AI SDK - Real-time streaming responses for Expo apps
Tamagui - Cross-platform UI components with native performance
๐ป Core Features:
User Authentication - Google OAuth, email sign-up, and session management
AI Therapist Chat - Analyzes journal history and provides personalized insights
Daily Writing Prompts - Admin-managed with weighted random selection
Rich Journal Entries - Mood tracking, categories, images, and auto-categorization
Subscription Management - Pro/Starter plans with Expo Web pricing portal
Dual App Architecture - Native mobile app + Sanity Studio admin dashboard
๐ง Advanced Concepts:
AI Tool Calling - Custom tools that fetch/analyze journal entries by date or patterns
Expo Web Strategy - Use web exclusively for billing while keeping app native
Sanity Integration - Custom schemas, relationships, type generation, and image handling
Clerk Billing - Pricing table component, webhooks, and feature gating
GROQ Queries - Powerful filtering and sorting with Sanityโs query language
Real-time Streaming - AI responses with visual indicators
๐ Production Skills:
API Routes - Serverless edge functions with Expo
Feature Gating - Subscription-based access control
State Management - Context API and custom hooks
Perfect for developers learning React Native, AI integration, and subscription monetization!
๐ต WANT TO LISTEN TO THE EXCLUSIVE PAPAFAM PLAYLIST?
Sign up for the PAPAFAM Newsletter here ๐ https://links.papareact.com/newsletter
๐ TIMESTAMPS:
0:00 Introduction
1:04 Build Demo
12:40 Why Use Sanity
14:14 Clerk for Authentication & Billing
16:14 Explaining MCP
20:18 Build Tech Stack Breakdown
25:54 [SKIP] Trying to Initialising the Build
38:04 Initialising the Build with Expo
50:51 Setting Up Clerk for Authentication & Tamagui UI
1:18:10 Setting Up Sanity Studio & Sanity MCP Server
1:35:23 Building the Home Screen (1/2)
1:45:16 Implementing Several Helper Functions
1:50:12 Implementing Sanity CMS
2:08:42 Building the Home Screen (2/2)
2:29:37 Building the New Entry Functionality
2:39:27 Building the Categorize Entry Functionality (with Vercel AI SDK / OpenAI)
2:51:38 Building the Entries Screen w/ Edit & Delete Functionality
3:08:58 Building the Profile Screen
3:12:55 Build the AI Chat Functionalityโs Feature Gated Screen
3:16:18 Building the Billing Functionality (w/ Clerk Billing)
3:38:29 Building the AI Chat Functionality (w/ Vercel AI SDK)
3:52:55 Final Build Demo
3:57:48 Explaining Expo App Deployment
3:59:46 Outro
Letโs get it PAPAFAM ๐ฅ.
DISCLAIMER: This Video is made for informational and educational purposes only. Copyright Disclaimer under section 107 of the Copyright Act 1976, allowance is made for โfair useโ of this video for education purposes.
#reactnative #appdevelopment #ios #android #react #react19 #mobileappdevelopment #mobileapp #ai #clerk #sanity #journal #learning #coding #tutorial #beginner #programming