Laravel Frontend

  1. I have not used Laravel, but have been into discussions like this with my dev mates. Laravel is very powerful php framework and even though you say php is dying and it's a legacy thing, there is still significant amount of need of Laravel develope.
  2. First, we'll move all the frontend view files to a new folder named frontend in resources/views/ directory and change their extension to.blade.php while the associated css, fonts and js files will be placed in a new folder named frontend in public directory.

This can make a Laravel application more organized. First, we will see how can we arrange different views for two different sides, admin and front, of the Laravel application. Let’s start coding it. Laravel Distinct/Separate Views for Admin or Backend and Frontend. Step 1: Open config/app.php and add two new keys 'appscope' and 'adminroute'.

  • Available Stacks

# Laravel Jetstream

Laravel frontend template

Laravel Jetstream is a beautifully designed application starter kit for Laravel and provides the perfect starting point for your next Laravel application. Jetstream provides the implementation for your application's login, registration, email verification, two-factor authentication, session management, API via Laravel Sanctum, and optional team management features.

Jetstream is designed using Tailwind CSS and offers your choice of Livewire or Inertia scaffolding.

# Available Stacks

Laravel Jetstream offers your choice of two frontend stacks: Livewire and Inertia.js. Each stack provides a productive, powerful starting point for building your application; however, the stack you choose will depend on your preferred templating language.

# Livewire + Blade

Laravel Livewire is a library that makes it simple to build modern, reactive, dynamic interfaces using Laravel Blade as your templating language. This is a great stack to choose if you want to build an application that is dynamic and reactive but don't feel comfortable jumping into a full JavaScript framework like Vue.js.

When using Livewire, you may pick and choose which portions of your application will be a Livewire component, while the remainder of your application can be rendered as the traditional Blade templates you are used to.

Livewire Screencasts

If you're new to Livewire, check out the screencasts available on the Livewire website. Canon 7d ii shutter count.

Laravel Frontend

# Inertia + Vue

The Inertia stack provided by Jetstream uses Vue.js as its templating language. Building an Inertia application is a lot like building a typical Vue application; however, you will use Laravel's router instead of Vue router. Inertia is a small library that allows you to render single-file Vue components from your Laravel backend by providing the name of the component and the data that should be hydrated into that component's 'props'.

In other words, this stack gives you the full power of Vue.js without the complexity of client-side routing. You get to use the standard Laravel routing and view data hydration approaches that you are used to.

Laravel Frontend

The Inertia stack is a great choice if you are comfortable with and enjoy using Vue.js as your templating language.