Open Source Solutions - dev.family

Open Source Solutions

We don’t wait for dev tools to appear. We create them, ship them, and set them free. When a project challenge has no ready-made solution, we build one and share it with the other developers. That’s how we embrace open-source culture at dev.family, where technologies evolve not only through their creators but also through the community that uses them daily.

OPEN SOURCE SOLUTION

React Native Package For Wallets

It began with a loyalty app for a major seafood retailer, where customers needed to add their card straight to Apple Wallet. At the time, there was no ready-made solution, so we developed our own package.

Later, we expanded it to include Google Wallet support. Yes, we're cross-platform folks wherever it’s possible. Check out the full installation guide for Apple Wallet.

React Native Package For Wallets - dev.family

Where the package pays off:

Loyalty programmes

Add loyalty cards to Apple Wallet or Google Wallet for quick and easy access

Event tickets

Store tickets or bills on users devices

Gift cards

Add, track and redeem gift cards in Wallets

Membership cards

Provide instant access to gym or club members via Wallet passes

Promotions

Distribute coupons and promotions for easy redemption

Healthcare ID cards

Simplify access to insurance details or medical ID cards via digital wallets

OPEN SOURCE SOLUTION

React Native Device Country Package

This package emerged from a simple yet challenging task: during phone number authorization, the app had to automatically apply the correct country code. For example, "+351" for Portugal. Rather than using geolocation, which raises privacy concerns, we pulled the region data directly from the SIM card.

The package aimed to be used only for Android projects. On iOS, where Apple restricts such requests, we rely on the device language. The result is a smooth, privacy-friendly way to localize phone input without additional steps for the user.

React Native Device Country Package - dev.family

Where the package pays off:

User onboarding flows

Don’t waste time scrolling country lists

Authentication & verification

Streamline SMS-based login or OTP flows with pre-filled country codes

E-commerce checkouts

Speed up checkout forms by auto-filling phone formats for shipping updates

Delivery & logistics apps

Ensure drivers and customers exchange numbers in the correct local format

Fintech & banking apps

Simplify KYC and account registration by reducing errors in phone number inputs

Travel & mobility services

Detects user country quickly for car rentals, ride-hailing, or booking confirmations without relying on GPS

OPEN SOURCE SOLUTION

PWA Integration in Next.js Package

We know that integrating PWA functionality into Next.js can be difficult. Most existing libraries break on the App Router, demand tons of manual configuration, and don’t play well with server-side revalidation. As a result, developers waste hours fixing bugs and debugging instead of building product features. With next-pwa-pack, setup takes just a couple of minutes: wrap your app with PWAProvider and, if needed, your middleware with withPWA. The package takes care of the rest.

PWA Integration in Next.js Package - dev.family

Where the package pays off:

Out of the box setup

Automatically copies a service worker, manifest.json, and offline.html into your project on install

Cache management

Provides built-in methods to clear, refresh, disable, and re-enable caches

Tab synchronization

Keeps caches in sync across all open browser tabs

Offline mode

Keeps the app running without the internet by serving cached content or offline.html

Server integration

Supports Server Actions, API routes, and SSE for server-side cache revalidation

SSR and App Router compatibility

HOC withPWA makes it easy to enable PWA features even in complex Next.js routing scenarios