Up next in 10
Build Laravel 12 React Project from SCRATCH in 2025! | Part 1
371 views
Mar 28, 2025
Build Laravel 12 React Project from SCRATCH in 2025! | Part 1 Learn how to build a full-stack web application using Laravel 12 and React from scratch in 2025! In this tutorial, we'll take you through a step-by-step process of setting up a new Laravel 12 project and integrating it with a React frontend. We'll cover everything from installing the required dependencies to creating a functional CRUD application. Whether you're a beginner or an experienced developer, this video is perfect for anyone looking to learn how to build a modern web application using the latest technologies. So, let's get started and build a Laravel 12 React project from scratch in 2025! #react#reacttutorial#laravel12
View Video Transcript
0:00
hi friends welcome to tutor fing Channel
0:02
today I'm going to start the series of
0:04
series of
0:07
laran react okay so if you have already
0:12
learned L is a backend
0:16
application
0:18
back backend
0:24
application
0:26
alternative react is a front end
0:29
application
0:35
okay so we have to know about this
0:38
things what is react is a back end L is
0:42
a l is a back end react is a front end
0:45
okay you have to you must understand
0:46
these
0:48
things okay so when you when you run the
0:53
project first you have to
0:54
run L first second you have to run the
1:01
okay this is the
1:03
server first you have to connect the
1:04
server after that you have to request to
1:07
the server get the
1:10
response okay so that's the thing here
1:13
okay so this is the back end and
1:17
fr okay before first uh there are many
1:21
student who not there are struggling
1:24
with this one first you have to run the
1:26
L first after that you have to run the
1:28
Rea
1:30
first what you going to do is today I'm
1:32
going to teach this project how to
1:34
install larable and react in your
1:37
machine so now what you're going to do
1:40
is you have to go to the
1:43
L Type L so here you have to connect the
1:58
internet click on this
2:01
so you click click on this uh you can
2:05
click over here now the lot of letter
2:07
version is 12 so here if you want to go
2:10
to the installation simply there is here
2:12
there is a file called installation the
2:14
link called installation you click on
2:16
this it is simple okay rather than you
2:19
have to go to the official site you can
2:22
simply you can install the L okay so you
2:24
have to go
2:26
below okay these are the things there so
2:30
the L so windows power cell uh you can
2:35
okay so here this one should be there if
2:36
you already have a PHP consol first you
2:39
have to install the uh your uh PHP com
2:43
composer in your machine before get
2:45
installed the L okay that is must when
2:48
you install the laral first okay so
2:50
first what you're going to do is I'm
2:51
going to go to I already install l so
2:53
you just copy this
2:55
one okay so I already installed the
2:57
composer if you not install the composer
3:00
you go to the Google and type
3:05
composer composer
3:11
download here this the latest version
3:14
you just install here this one you can
3:17
click and download the exe file and you
3:19
have to download uh download it and
3:22
install in your machine after install
3:24
successfully you have to run this
3:26
command first click on this go open the
3:29
G Drive have to you have to open the
3:32
folder this folder I'm going to type
3:35
here
3:36
LEL 12
3:40
project here I'm going first I'm going
3:42
to open the CMD
3:44
command space this command press enter
3:49
key so it will
3:52
be all the composor file should be all
3:55
the things are here you have to install
4:17
now here your L project is installing so
4:19
here you can see after install you can
4:23
see this okay this one now what you
4:25
going to here I'm going to go to run the
4:28
command
4:30
L new app this copy
4:34
this paste on it so if we want to give
4:37
the name of the project uh example my
4:40
app I just give us my first step is
4:43
possible now I'm going to here you can
4:46
see that there are uh here defaultly it
4:49
says select as none if you want to
4:51
select react you can select your react
4:53
I'm react I'm created a different folder
4:56
so that I'm not going to select here
4:58
react so press key it ask which testing
5:02
framework do you preer pie is default
5:05
one press ENT
5:08
key now you can see the lar project
5:13
is installing you have to wait until the
5:15
installation is complete this is the way
5:17
you have to install the laral uh 12
5:20
project in your
5:22
machine wait until the installation has
5:24
been complete
5:39
spe
6:27
now here ask which database will your
6:30
application use so I'm going to start
6:34
MySQL you type over here
6:40
mysq so type MySQL like this
6:45
MySQL my
6:48
SQL okay default database is updated
6:51
would you like to run the default
6:52
database migration uh yes you press yes
6:56
that's it
7:06
okay so okay there is a
7:08
[Music]
7:18
problem it's installing you wait until
7:20
the installation
7:24
complete now here ask there would you
7:27
like to run npm install and PM run build
7:30
so I'm going to give here is
7:34
no I'm going to give here no uh so you
7:38
can type here
7:40
application uh
7:43
ready okay you can start your local
7:46
development using you can type this
7:48
command
7:50
CD my
7:53
app okay now what you're going to do
7:55
here here I'm going to connect my Zam
8:06
starting sucessfully now here what I'm
8:08
going to do is I'm going to type this
8:10
command
8:12
mpm
8:16
install you want to follow the
8:18
instruction to do it
8:35
now here npm installation successfully
8:38
now what you going to do this this
8:41
project uh I'm going to install the uh
8:44
I'm going to type PHP
8:50
Artisan you type uh we have write
8:56
migrate so the would you like to create
8:59
uh my app does not working so no problem
9:02
so I just uh hit contr C so first I'm
9:07
going to open this project in vs Cod
9:09
space. vsod
9:11
dat okay we open the project on vsod Dat
9:14
now you can see this is the uh L 12 okay
9:19
so this is the our latest version so we
9:21
have get the white also so here
9:24
everything is standard we be getting
9:27
here you can see over here
9:29
okay so the connection is here change as
9:32
myql everything should be there here we
9:34
have a database name I'm going to give
9:36
here as any database name I'm going to
9:38
give DB my
9:42
app my app so what you're going to do is
9:45
this name I'm going to go to contr C to
9:48
copy I'm going to go to create in my
9:50
database after that we can run the
9:54
comma okay so let's see
10:03
now click new here I'm going to paste
10:06
this one click
10:08
create okay this one I have created now
10:11
what you're going to do is I'm going
10:14
to uh run the project so I'm going to
10:19
using what's the command you have to run
10:21
the app you have use this command not
10:23
PHP this command you have to use it
10:25
composer
10:30
run
10:33
T so here before that you have paste the
10:36
command you have write it so let's open
10:39
the terminal over
10:41
here okay so I
10:43
haven't done the migration PHP
10:51
migrate why a problem my so I'm sorry
10:55
I'm not saving that's why so I'm going
10:58
to again here
10:59
preparation successfully now you can run
11:02
the command here or here I'm going to
11:04
run it here PHP sorry
11:09
composer run
11:12
T because you it is working as this one
11:15
white the newest version is uh working
11:19
as the same thing PHP Artis composer it
11:22
work working as using white this is the
11:25
port it will be
11:27
running so yeah this is the it is coming
11:30
like
11:32
this
11:33
L along with white the
11:36
simple this how it's working okay this
11:40
how it's working things the same you
11:43
same thing the r and everything are sa
11:47
this is a new way to run the Lal app in
11:49
L 12 a professional way to install the L
11:53
to thank you for watching in next day
11:56
next tutorial I'm going to teach about
11:58
the Rea thank you FKS