Developer Edition

WordPress to Native App
Full Source Code

Production-ready Expo React Native app that connects to any WordPress site via REST API. Native Markdown rendering, no WebView.

React React Native TypeScript TypeScript Expo Expo SDK 54 Expo Router Zustand Zustand WordPress WP REST API
Tech Stack

Built with modern tools

Production-grade technologies used by top engineering teams. No legacy code, no compromises.

React Native
React Native
Cross-platform UI
TypeScript
TypeScript
Type-safe code
Expo
Expo SDK 54
Managed workflow
Zustand
Zustand
State management
WordPress
WordPress
REST API backend
PHP
PHP 7.4+
Plugin backend
Node.js Node.js 18+ Expo Router Native Markdown No WebView iOS iOS Android Android
What You Get

Ready-to-use app screens

Pre-built screens and features that work out of the box. Change one URL and your WordPress content appears natively.

Home Screen

Post feed with featured images, excerpts, and infinite scroll

Category Browser

Filter bar and dedicated category screen with post counts

Post Detail

Hero image, author info, and full native Markdown content

Search

Real-time search across all your WordPress posts

Dark & Light Mode

Automatic system detection with full theme support

Share Posts

Native share sheet for sharing posts via any app

Pull to Refresh

Swipe down to load the latest content from WordPress

WordPress Plugin

Free plugin included — installs in 1 minute, no Composer

Need push notifications, analytics, or App Store submission handled for you? See NativePress Cloud

What's Included
  • Full Expo app source code
    TSX components, Zustand stores, expo-router layouts
  • NativePress WordPress plugin
    league/html-to-markdown bundled, REST API endpoints
  • Custom MarkdownRenderer component
    Images, links, code blocks, all native
  • Dark mode via useColorScheme()
    Theme tokens, automatic system detection
  • Infinite scroll, category filter, search
    Pagination, pull-to-refresh, loading states
  • 12 months of updates + community support
Prerequisites
  • Working knowledge of React Native / Expo
    You'll be editing TSX, configuring app.config.ts, running builds
  • Node.js 18+ and npm or yarn
    Local dev environment with Expo CLI
  • Apple Developer ($99/yr) and/or Google Play ($25)
    Required for App Store / Play Store submission
  • Ability to run eas build and submit yourself
    We don't manage builds or store submissions
  • Comfort editing TypeScript and PHP
    Both the app and WP plugin may need customization

Not a developer? Our managed Cloud service handles everything — we build the app, submit to stores, and keep it updated. No coding required.

Architecture

How the data flows

1. WordPress Gutenberg → HTML content
2. NativePress Plugin (league/html-to-markdown) → Markdown
3. REST API /wp-json/nativepress/v1/posts{ content_markdown }
4. services/api.ts → Zustand store → MarkdownRenderer
5. Native iOS + Android UI components
Project Structure

What's in the box

app/ (Expo React Native)

app/_layout.tsx — Root layout
app/(tabs)/home.tsx — Post list + categories
app/post/[id].tsx — Post detail
components/MarkdownRenderer.tsx
services/api.ts — All API calls
store/useAppStore.ts — Zustand
constants/config.ts — WP_BASE_URL (change this)
constants/theme.ts — Colors, fonts, dark mode
types/index.ts — Post, Category, Author

plugin/ (WordPress)

nativepress.php — Bootstrap
includes/class-api.php — REST endpoints
includes/class-markdown.php — HTML → MD
includes/class-categories.php
includes/class-settings.php
admin/class-admin.php — WP admin UI
vendor/ — league/html-to-markdown (bundled)
No Composer required — dependencies are pre-bundled
Quick Start

Up and running in 3 steps

Step 1 — Install plugin
Upload nativepress.zip to WordPress → Plugins → Add New
Step 2 — Configure app
Edit constants/config.ts → set WP_BASE_URL to your site
Step 3 — Run
$ npm install --legacy-peer-deps
$ npx expo start

Get the Developer Edition

One-time purchase. Full source code. Build unlimited apps.

$79 one-time
Buy Direct

Extended license: $149 · Also available on CodeCanyon

Want us to handle everything? See our managed Cloud service