React Native Pocket Clone with Clerk, RevenueCat & Sentry

This is a React Native Pocket Clone app that lets users save, organize, and read articles with a beautiful interface and smooth animations.

• 💵 Try RevenueCat: https://dub.sh/rcat
• 🔐 Try Clerk today: https://go.clerk.com/q4hWCms
• 🔔 Get Sentry: https://dub.sh/trysentry

✨ Key Features

• Save Articles: Add articles from URLs with automatic content parsing
• Reading Experience: Clean article reader with HTML content rendering
• User Authentication: Secure login with Clerk
• Offline Storage: SQLite database with Drizzle ORM
• RSS Feed Integration: Stay updated with curated news feeds
• Favorites & Organization: Mark articles as favorites and organize your reading list

🛠 Tech Stack

• Expo Router - File-based navigation
• Clerk - Authentication and user management
• RevenueCat - Subscription and paywall management
• Sentry - Error tracking and performance monitoring
• Drizzle ORM - Type-safe database operations
• SQLite - Local database storage
• React Native Reanimated - Smooth animations and gestures
• React Native Gesture Handler - Touch interactions
• React Native Render HTML - Article content rendering

🎥 Follow the video tutorial

Watch and build this Pocket Clone step by step:

🚀 Getting Started

Prerequisites

Make sure you have the Expo CLI installed.

For the best development experience, install:

• Android Studio for Android development
• Xcode (Mac only) for iOS development

Installation

1. Clone the repository

   git clone <repository-url>
   cd pocket-app

2. Install dependencies

   bun install
   # or npm install

3. Prebuild the native code

   bunx expo prebuild

4. Run the app

   # iOS
   bunx expo run:ios
   
   # Android
   bunx expo run:android
   
   # Web
   bunx expo start --web

Environment Variables

Create a .env file in the root directory:

EXPO_PUBLIC_CLERK_PUBLISHABLE_KEY=pk_test_your_clerk_key_here
EXPO_PUBLIC_REVENUECAT_API_KEY=your_revenuecat_api_key_here

Replace the placeholders with your actual API keys from:

• Clerk Dashboard for authentication
• RevenueCat Dashboard for subscriptions

Database Setup

The app uses SQLite with Drizzle ORM. The database is automatically initialized on first run with the following tables:

• users - User profiles and authentication data
• saved_items - Saved articles with metadata and content
• rss_articles - RSS feed articles for the news section

Sentry Setup

1. Create a project on Sentry

2. Run the setup wizard:

   bunx @sentry/wizard@latest -s -i reactNative

📸 Screenshots

🎬 Demo Videos

📊 Monitoring with Sentry

🚀 More

Take a shortcut from web developer to mobile development fluency with guided learning

Enjoyed this project? Learn to use React Native to build production-ready, native mobile apps for both iOS and Android based on your existing web development skills.