Kikismedia's avatar

React Native + Laravel

please pardon this is my first app project from a client

I was learning laravel still at average level tho , I got a job from a client to build a delivery app on laravel as the backend and react Native for front-end and we already have a video on that here on laracast. so recently he requested that he wants the laravel backend to also run as a website for those users that's doesn't need the app

I was thinking is it the same approach I am going to take because the laravel backend will serve as the backend for both app and the website won't there be any complications also is there a software where I can design the project and convert it to react native code (the UI) also any suggestions would be great because right now I am thinking of how to get delivery location in the laravel project , but react Native has Google place API

please guide me here

0 likes
3 replies
drehimself's avatar
Level 35

What you are explaining here could be one approach.

  • Laravel Repo: API for all your clients
  • React Native Repo: Mobile App Client
  • Either Nuxt.js, Next.js, Vue App, React App Repo: Web App Client. (I would probably choose Next.js, since you're already using RN, but any would work)

To share component code, check out "React Native Web": https://github.com/necolas/react-native-web. This will allow you to re-use a lot of your RN component code in your web app. I haven't used it so I can't tell you how good the experience is.

Another approach would be to use the Laravel Repo as both an API AND the web app. For example, you could use Inertia + React in the same repo and write your web app that way while still providing an API for your mobile app to consume.

SamZaro's avatar

@drehimself Hi Andre, in the case of the second example you provided, when I have built a website with Laravel and Inertia using Vue.js in the front-end, is it also possible to establish a connection with React Native using Inertia? I was aware that it could be done with React, Next, and Nuxt, but I wasn't sure about react-native.

Please or to participate in this conversation.