Is it possible to use create-react-app with laravel 7.x - laravel

I've been using create-react-app for quite a while and I recently need to build a backend via laravel. Is it possible to use create-react-app, it's npm run start development workflows, etc to communicate with a laravel backend?
I can see that laravel already has a package.json file and from what I can tell, the react packages do not use create-react-app. I have seen an npm package, but it doesn't appear to be current and is probably not compatible with Laravel 7.x.

That's not needed if you are going to build the SPA and the backend in the same directory structure because laravel has its own workflow using Laravel Mix and you can take advantage of the framework Scaffolding but if you are planning to only connect to an existent Laravel Backend you can create your react app with create-react-app command and connect to laravel using axios,fetch or something like that

Related

How can I use authentication without Bootstrap?

In Laravel, I know running composer require laravel/ui and then php artisan ui vue --auth creates authentication scaffolding but it uses Bootstrap. Is there a way to create this scaffolding without Bootstrap?
Unfortunately and as I know, there is no alternative for the bootstrap UI in laravel authentication scaffolding, as I know there is a tailwind but the last update on the repo was 2 years ago so not sure if it is supported now
https://github.com/laravel-frontend-presets/tailwindcss
also, you can change it or create a new one, all view files in this path
resources/views/auth
if you want use TailWindCss And Compatibility with Laravel V9
You Can Use this package :
Github Repo
It's very simple and I've been using it for a few minutes

Two different versions of Vue in Laravel?

I built my application using Vue3, now deploying it to Laravel.
However, I would like to make an administration panel for it, but I do not want to waste time creating a new template for it, but I want to use a ready-made template from the Internet. However, I have a problem because the all of available templates are based on the older version of VueJS 2.X.
What can I do? Can I somehow use two versions of VueJS with Laravel?
To create a Vue app, we need to use a special createApp function instead of ... will still install Vue 2.x and npm i vue#next will install Vue 3.

How to use Vue with Lumen?

I have created a RESTful API with lumen and tested it with postman. It works fine. Now I wanna develop the front end for it with Vue. What is the best way to go about it? Do I need to create a separate directory for Vue or is there a way to use it in the same lumen project directory? I have tried installing composer require laravel/ui which works fine. But then when I run php artisan ui vue it says "ui not defined". Help me out here.
I would suggest to use something like this starter kit. Down the line it will save your time.

How do I deploy Vuejs App backed by Laravel, In similar fashion we usually deploy laravel app or I need seperate frontend and backend instances?

Hello guys I have been deploying Laravel applications on the server for a while, I have just created a SPA(Single Page App) Laravel + Vuejs how do I deploy it ? Just like normal laravel app or I need separate Frontend(Vuejs) and Backend (Laravel) instances ?
It is same as regular laravel app deployment.
run npm run production and after that make whole project as zip and put it on serve and just follow the steps as regular laravel project.

how integrate an existing vuejs app created with vue-cli into a laravel project

I've a vuejs app builded with the latest vue-cli, the vuejs app runs ok with the development server and communicates with the laravel app, but now I'd prefer that laravel handle this static files...if I build the js files with yarn run build this generates me several files, I could add thems to my laravel homepage but I'm afraid that if in the future I make some change and build these files again, I could get different file names...
what is the best approach for this???...I've found several articles integrating vuejs and laravel but all these are using the vuejs tool incorporated with laravel
thanks so much guys

Resources