Nuxt/Ionic Mobile Template

A production-ready mobile dApp template built with Nuxt 4, Ionic, and Capacitor. This template demonstrates a fully decentralized architecture using memo-enabled token transfers and secure wallet deeplinking with Solflare.

GitHub Repository: solana-yatori-nuxt-ionic-mobile

Get Started

Clone the template and start building your mobile Solana dApp:

View on GitHub

Fully Decentralized Architecture

This template demonstrates a completely decentralized approach to mobile dApp development:

No Centralized Backend: All transaction generation happens client-side using Arrow API
User-Owned Keys: Private keys never leave the user's device or wallet
Direct Blockchain Interaction: Transactions are signed and submitted directly to the Solana network
Wallet Integration: Leverages existing wallet infrastructure (Solflare) rather than managing keys
Stateless Design: No server-side session management or user data storage

Memo-Enabled Token Transfers

The template uses Arrow API's memo-enabled token transfer endpoints to enable rich transaction metadata:

Memos enable powerful use cases:

Event Tracking: Include unique identifiers (YIDs) to track transaction events
Composability: Enable other dApps to listen for and react to your transactions
Payment Metadata: Attach order IDs, invoice numbers, or other business logic data
Websocket Triggers: Use memo data to trigger real-time events and notifications via websockets

Solflare Deeplinking Integration

The template demonstrates secure deeplinking with Solflare wallet for transaction signing:

1. Generate Transaction

Use Arrow API to generate a serialized, unsigned transaction with memo and latest blockhash included.

2. Encrypt Payload

Encrypt the transaction using shared secret cryptography (NaCl box) derived from your dApp's keypair and Solflare's public key.

3. Deeplink to Solflare

Open Solflare via deeplink URL with encrypted transaction payload. The user reviews and signs in their wallet.

4. Receive Signed Transaction

Solflare redirects back to your app with the signed transaction, which is then submitted to the Solana network.

Learn more about Solflare deeplinking

Tech Stack

Frontend

• Nuxt 4
• Vue 3
• Ionic Framework
• Capacitor

Blockchain

• Yatori Arrow API
• Solana
• Solflare Wallet
• TweetNaCl (encryption)

Key Features

Production-ready mobile dApp structure
Secure wallet deeplinking implementation
Memo-enabled token transfers with Arrow API
Encrypted transaction payload handling
iOS and Android support via Capacitor
TypeScript for type safety
Composable-based architecture