Parse Platform as a Backend for React Native, Flutter, and Web apps

Based on Parse Platform, parse-server-starter, and Expo. Use with React Native (Expo), Flutter, Native (iOS & Android), and Web apps.

TL;DR

We will deploy Parse Platform (Server & Dashboard) with MongoDB on a local machine (available through localhost) using Docker Compose. After doing that, we will create a new entity using the dashboard and check how it works through the Expo app (available in Expo Go).

Deploying Parse Platform

In this section, we are going to configure a new Parse Server with MongoDB on a local machine. API will be exposed through http://localhost:6969/parse/classes/. The dashboard will be available on http://localhost:6969/dashboard/apps/APP_NAME/browser.

  1. Clone parse-server-starter and go to the folder:
> git clone https://github.com/kanzitelli/parse-server-starter.git
> cd parse-server-starter
> mv example.env .env
> sh build.sh
Parse Platform Dashboard
> curl -X POST -H "X-Parse-Application-Id: APP_ID" -H "Content-Type: application/json" http://localhost:6969/parse/functions/hello

Building Expo app with Parse Platform

Before starting to write any code on the frontend side, we have to make sure that our backend is running and we have some data to be served. The first part was done in the previous section and now we are going to add some data.

Parse Platform Dashboard. Creating a new class.
Parse Platform Dashboard. Adding new columns for classes.
Parse Platform Dashboard. Adding a row with the model.
> curl -X GET -H "X-Parse-Application-Id: APP_ID" -H "Content-Type: application/json" http://localhost:6969/parse/classes/Note
{"results":[{"objectId":"0Xl79IiiZy","title":"New idea","createdAt":"2021-04-13T17:45:30.604Z","updatedAt":"2021-04-13T17:47:13.723Z","content":"Flippers for birds"}]}
> ./ngrok http 6969
parse-server:
...
labels:
...
"traefik.http.routers.api.rule=Host(`localhost`) || HostRegexp(`{[a-z0-9]*}.ngrok.io`)"
Parse Platform Dashboard through ngrok.
Notes Expo app’s QR Code
Notes app flow

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store