voyager laravel demo

Getting started with Voyager Laravel [Tutorial]

Steve Alila

May 22, 2023

Voyager Laravel is a popular open-source package that provides an easy-to-use admin panel and CRUD functionality for Laravel applications. Voyager Laravel is built on top of the Laravel framework. It is designed to simplify building and managing Laravel applications by providing a user-friendly interface for managing data, media, users, and permissions.

With Voyager, you can easily create and manage content for your applications without writing complex code or building custom admin panels from scratch. Laravel Voyager also offers a range of customization options, making it easy to tailor it to your specific needs and requirements.

Whether building a simple blog or a complex web application, Voyager Laravel can help you streamline the development and management process and get your application up and running quickly.

Installing Voyager Laravel

In this section, we will install Voyager and configure it to use a new Laravel application. Here are the steps.

Install Laravel

Voyager is built on top of the Laravel framework. So, the first step is to install Laravel if you haven't already.

This will create a new Laravel project in a directory called voyager_laravel .

Install Voyager

Next, install Voyager using Composer.

This will install the latest version of Voyager and all of its dependencies.

Publish Voyager's assets

After installing Voyager, you need to publish its assets to your application.

This command will publish Voyager's configuration files, views, assets, and other files to your application. The --with-dummy option will also install some dummy data to help you get started. It creates for your application a user with the following login credentials:

email: [email protected] password: password

Alternatively, you can assign admin privileges to an existing user

or create a new admin user with the --create flag.

Configure your database

Voyager uses your application's database to store data. You need to configure your database settings in your .env file. Update the DB_HOST , DB_PORT , DB_DATABASE , DB_USERNAME , and DB_PASSWORD variables to match your database settings.

Run the migration and start the application

Finally, run the migration to create the necessary tables in your database.

This will create the necessary tables in your database.

Now you can start the application.

and log in at http://127.0.0.1:8000/admin .

Getting started with Voyager Laravel [Tutorial]

Using Voyager Laravel

After logging in to Voyager admin, there are unlimited things you can do at a click of a button. For example, you can manage your application's data through the Admin panel.

At a glance, you can see we have 1 user, 4 dummy posts and 1 page. The left panel exposes you to all settings, customizations and management of your application.

You can do CRUD (create, read, update, delete) functionality without writing custom code. For example, if you click on View all posts , Voyager takes you to an interface with all the posts. You create a new post or update, delete, and read the existing ones on the same interface.

Besides, you can use media manager, BREAD builder, user role management and customization options through the dashboard.

Media manager : Voyager includes a media manager that allows you to upload and manage media files, such as images and videos. You can use the media manager to add images to your application's pages or to create image galleries.

BREAD builder : Voyager includes a BREAD (browse, read, edit, add, delete) builder that allows you to create CRUD functionality for your application's data quickly. The BREAD builder can create custom data types and manage their fields.

User and role management : Voyager provides a user and role management system that allows you to manage your application's users and their roles and permissions. You can create new users, assign roles to them, and define their permissions.

Customization options : Voyager provides a range of customization options, such as the ability to create custom views, layouts, and data types. You can use these customization options to tailor Voyager to your specific needs and requirements.

Voyager Laravel is a powerful open-source package that provides an easy-to-use admin panel and CRUD functionality for Laravel applications. It simplifies the process of building and managing Laravel applications by providing a user-friendly interface for managing data, media, users, and permissions.

With Voyager, you can easily create and manage content for your applications without writing complex code or building custom admin panels from scratch. Voyager also offers a range of customization options, making it easy to tailor it to your specific needs and requirements.

If you are a Laravel developer looking to simplify the development and management process of your Laravel application, then Voyager Laravel is worth considering. With its powerful features and customization options, Voyager can help you save time and effort while building and managing your application.

So why not try Voyager and see how it can benefit your Laravel project? Start by following the installation steps and exploring its features to see how it can make your development journey more efficient and enjoyable.

He specializes in web design, WordPress development, and data analysis, with proficiency in Python, JavaScript, and data extraction tools. Additionally, he excels in web API development, AI integration, and data presentation using Matplotlib and Plotly. You can connect with him on LinkedIn or check his projects on GitHub page.

Can't find what you're searching for? Let us assist you.

Enter your query below, and we'll provide instant results tailored to your needs.

If my articles on GoLinuxCloud has helped you, kindly consider buying me a coffee as a token of appreciation.

For any other feedbacks or questions you can send mail to [email protected]

Thank You for your support!!

Programming Languages

Exam certifications.

Certified Kubernetes Application Developer (CKAD)

CompTIA PenTest+ (PT0-002)

Red Hat EX407 (Ansible)

Hacker Rank Python

Data Engineering
Machine Learning
RESTful API
React Native
Elasticsearch
Ruby on Rails

Build a fullstack admin app with Voyager in 5 minutes

Laravel is an incredible framework built by Taylor Otwell that combines powerful web development features, extensive documentation and an active community. In this tutorial we are going to build a fullstack application complete with an admin panel and user management.Special thanks to The Control Group for building Voyager , an open source admin tool for Laravel.

Minute 1: Create the Laravel application

I'm going to assume you have Laravel and MySQL installed for the purposes of this tutorial. I wrote a short shell script for creating Laravel applications available here if you are not familiar with the commands or interested in saving yourself time.

Minute 2: Generate a Database

Create a MySQL database and set your environment variables. You will need to know the MySQL username and password for your dev machine. The commands below should help:

I also recommend Sequel Pro for visualizing records and tables within the database we created.

Sequel Pro database connection interface

Minute 3: Set your environment variables

The first shell script to create the Laravel application created a .env file. Open up the project in Sublime Text or your editor of choice and edit the .env files so that our Laravel application can connect to the database we set up.

We need to clear out the configuration cache so that Laravel can update the application with the new values. Additionally, we need to run our database migrations to create the tables and columns for MySQL. Migrations in Laravel applications are in database/migrations .

Minute 4: Install and Configure Voyager

Use Composer to install Voyager: composer require tcg/voyager

Add the Voyager pachage to our list of supported Package Service Providers. This list is in config/app.php .

You'll now have access to a voyager artisan command that will generate all of the required files for a state of the art admin dashboard. Run that command.

Minute 5: Log into your Admin dashboard to check it out!

Start your application with php artisan serve and then head to http://localhost:8000/admin. Use the default credentials [email protected] / password to login.

Congrats you did it! Check out Voyager's amazing features by reading the docs or checking out the video tutorials below.

Thanks for reading! If you enjoyed the article give me a shout on twitter or you can support the Voyager project directly by issuing a PR or giving it a star on github .

Enjoy this post? Give Connor Leech a like if it's helpful.

Leave a like and comment for Connor

Please Help Me Dear Laravel Experts. Laravel Voyager Admin Dashboard Page Show Blank After Adding PagesController In Route Page. My Route Script:

Route::get(’/’, function () { return view(‘welcome’); });

Route::get(’{slug}’, ‘PagesController@show’);

Route::group([‘prefix’ => ‘admin’], function () { Voyager::routes(); });

My PagesController Script:

namespace App\Http\Controllers;

use App\Page;

use Illuminate\Http\Request;

class PagesController extends Controller { public function show($slug) { $page = Page::findBySlug($slug); return view(‘about’, [‘page’ => $page]);

My Page Model Script:

namespace App;

use Illuminate\Database\Eloquent\Model;

class Page extends Model { public static function findBySlug($slug) { return static::where(‘slug’, $slug)->first();

And My View Page Script:

<html> <head> <title>{{ $page[‘title’] }}</title> </head> <body>

</body> </html>

Search code, repositories, users, issues, pull requests...

Provide feedback.

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly.

To see all available qualifiers, see our documentation .

Notifications

Joy Voyager Laravel Demo shows integration of Joy Voyager Packages with Voyager.

rxcod9/joy-voyager-laravel-demo

Folders and files, repository files navigation.

Joy Voyager - Laravel Demo

By 🐼 Ramakant Gangwar

Laravel Admin & BREAD System

Working Example

You can try Laravel Demo here https://joy-voyager.kodmonk.com .

Installation Steps

1. clone repo/install using composer.

You can clone/install the Voyager Demo with the following commands:

2. Add the DB Credentials & APP_URL

Next make sure to create a new database and add your database credentials to your .env file:

You will also want to update your website URL inside of the APP_URL variable inside the .env file:

3. Run The Installer

Lastly, we can install voyager. You can do this either with or without dummy data. The dummy data will include 1 admin account (if no users already exists), 1 demo page, 4 demo posts, 2 categories and 7 settings.

To install Voyager without dummy simply run

If you prefer installing it with dummy run

And we're all good to go!

Start up a local development server with php artisan serve And, visit http://localhost:8000/admin .

Creating an Admin User

If you did go ahead with the dummy data, a user should have been created for you with the following login credentials: