Laravel is a popular open-source framework developed by Taylor otwell for PHP. Laravel comes with powerful object relational management, packaging system with dedicated dependency manager and utility that aid in application deployment and maintenance. Laravel support the preset of bootstrap, VUI, and react as a front end. But most of the laravel based project I am using VUE JS as a front end.
Lets start with basics of Laravel as a back end and front end as VUE : –
1.Install the composer in your system if it’s not exist.
2. Open the command prompt and type composer create-project laravel/laravel myblog
3. Go your folder by changing directory from the command prompt cd foldername
4. Install the UI package composer require laravel/ui
5. Type the scaffolding php artisan ui vue
6. Now install node_module npm install be sure that node js is install in your system.
7. Now install npm install vue-loader
8. Now run npm run watch , while working in the front end this will help you to see the modification running in your browser. But be sure once your work is done then run npm run production for deployment.
9. Now open resources/js/components/ ExampleComponent.vue and change the text
<template>
<div class="container">
<div class="row justify-content-center">
<div class="col-md-8">
<div class="card">
<div class="card-header">Example Component</div>
<div class="card-body">
Hello, Welcome to my blog.
</div>
</div>
</div>
</div>
</div>
</template>
10. Now open resources/view/welcome.blade.php and add this line
<div id="app">
<example-component></example-component>
</div>
11. You will see this in your browser
In this tutorial we will learn about how to create a contact form in vue…
SMS play a vital role in our day-to-day life. For instance, if we want to…
Bagisto is an open-source Laravel eCommerce application. Bagisto is one of the popular eCommerce applications…
Bagisto is an open-source Laravel eCommerce application. Bagisto is one of the popular eCommerce applications…
From the last few years website design is quite easy and convenient with various content…
We all know WordPress is a well-known content management system for our website these days.…
This website uses cookies.