DEV Community

Parl582
Parl582

Posted on

How I Built Xentro Using Next.js, Prisma & React Native

Building products for small businesses has always interested me.

While working with boutique owners, traditional clothing sellers, and small business owners, I noticed a common pattern:

They were selling through Instagram and WhatsApp — but managing everything manually.

Orders were scattered in DMs.
Payments were confirmed via screenshots.
Inventory wasn’t tracked properly.

That’s when I decided to build Xentro — a mobile-first online store platform designed for simplicity.

Here’s how I built it.

🏗 Tech Stack Overview

Xentro is built using:

Next.js (App Router) — Web platform & SEO

Prisma — Database ORM

PostgreSQL — Database

React Native (Expo) — Mobile app

Vercel — Web hosting

The goal was simple:

Fast development.
Scalable architecture.
SEO-ready web presence.
Mobile-first experience.

🌐 Why Next.js (App Router)?

I chose Next.js because:

Server-side rendering (better SEO)

App Router for structured layout

Built-in sitemap and robots support

Easy deployment on Vercel

The website serves as:

Brand presence

SEO layer

Marketing channel

Using App Router made it easy to:

Add structured metadata

Generate sitemap

Implement dynamic routes

Optimize OpenGraph tags

🗄 Why Prisma?

For the database layer, I used Prisma because:

Type-safe queries

Clean developer experience

Strong TypeScript support

Easy migrations

Example store model:

model Store {
id String @id @default(cuid())
name String
slug String @unique
createdAt DateTime @default(now())
updatedAt DateTime @updatedAt
}

Prisma keeps backend logic clean and scalable.

📱 Why React Native?

Since most small business owners operate from their phone, a mobile app was essential.

I built the app using:

React Native (Expo)

TypeScript

Clean component structure

The app allows sellers to:

Add products

Manage orders

Share store link

Track activity

The idea was to keep it:

Minimal
Fast
Simple

No unnecessary complexity.

🔗 Web + Mobile Integration

The architecture is designed so that:

Sellers manage data from the mobile app

Customers view store pages via web

Database remains centralized

This gives flexibility:

Web for discovery & SEO
Mobile for seller management

🚀 Deployment

Web:
Hosted on Vercel
Automatic deployments from GitHub

App:
Published on Play Store

Database:
Hosted on managed PostgreSQL service

🧠 Key Learnings

Simplicity wins.

Small businesses don’t want complexity.

SEO matters early.

Type-safe backend saves time.

Mobile-first mindset changes everything.

🎯 The Bigger Vision

Xentro isn’t just a store builder.

It’s a tool designed to help boutique owners, traditional clothing sellers, and small entrepreneurs build a more professional online presence.

The goal is to simplify online selling without technical barriers.

You can explore Xentro here:

🌐 https://www.xentroapp.com

📱 Available on Play Store

If you're building something for small businesses or using Next.js + Prisma in production, I’d love to connect.

Let’s build tools that empower small entrepreneurs.

Top comments (1)

Collapse
 
parl profile image
Parl582

Happy to answer any questions about building multi-tenant SaaS with Next.js and Prisma