How to Set Up Laradminator: A Laravel PHP Framework with Adminator Admin Dash

Oct 22, 2023 | Programming

Setting up Laradminator, which combines the power of the Laravel PHP framework with the sleek Adminator admin dashboard, is a breeze. Follow this user-friendly guide to get your application up and running in no time!

Step-by-Step Setup

To set up Laradminator, simply execute the following commands in your terminal:

git clone https://github.com/kossalar/adminator.git
cd laradminator
composer install # Install backend dependencies
sudo chmod 777 storage -R # Chmod Storage
php artisan storage:link # Enable link to storage
cp .env.example .env # Update database credentials configuration
php artisan key:generate # Generate new keys for Laravel
php artisan migrate:fresh --seed # Run migration and seed users and categories for testing
yarn install # or npm i to Install node dependencies(= node 9.x)
npm run production # To compile assets for production

Understanding the Commands

Think of setting up Laradminator like constructing a new building. Each command is a crucial brick in this process:

  • git clone: Like laying the foundation, this command retrieves all necessary files from the repository.
  • cd: This is your blueprint, directing you into your new project’s home.
  • composer install: Imagine bringing in all the necessary materials and tools for construction. This command installs backend dependencies so your application can run smoothly.
  • chmod 777 storage: This ensures your storage area is accessible and secure, much like giving the right permissions for a building’s entry points.
  • php artisan storage:link: This links the storage for public access, allowing data to flow in and out effortlessly.
  • cp .env.example .env: You start with a blueprint (example) and customize it according to your needs (environment configurations).
  • php artisan key:generate: This step generates essential keys, like ensuring strong locks for your building.
  • php artisan migrate:fresh –seed: This sets up your space by creating tables in the database and filling them with sample data.
  • yarn install or npm i: These commands install node dependencies, like wiring for electricity in your building.
  • npm run production: Finally, compiling your assets is like putting the finishing touches on your building, making sure everything is ready for the grand opening!

Demo Access

Once you have followed the setup steps, you can access the demo locally by running:

php artisan serve

Then, open your browser and visit http://localhost:8000/admin. Use the following credentials to log in:

  • Username: test@example.com
  • Password: 123456

Note: All data resets every 30 minutes, so keep an eye on your inputs!

Troubleshooting Ideas

If you run into issues during setup, here are some helpful troubleshooting tips:

  • Ensure you have the right permissions set on your storage directory. If the app isn’t functioning properly, double-check the chmod 777 storage -R step.
  • Make sure your .env file is correctly set up with your database credentials. Incorrect information here can prevent your app from connecting to the database.
  • If you encounter issues during migrations, try running php artisan migrate:fresh again to clear and reset your database.
  • For more insights, updates, or to collaborate on AI development projects, stay connected with fxis.ai.

Included Packages

Laradminator comes with an array of essential packages that enhance its functionality:

  • Laravel Framework (9.x)
  • Forms & HTML: for form handling
  • Laravel Debugbar: for debugging
  • Intervention Image: for image handling and manipulation
  • All ADMINATOR plugins: [ADMINATOR Plugins](https://github.com/puikinsh/Adminator-admin-dashboard#built-with)
  • sweetalert2 and Axios: for enhanced JavaScript functionality
  • Select2: for advanced select inputs

Optimizing Page Size

Optimization is key to smooth performance. Laradminator implements several techniques:

  • Using Laravel Mix, all CSS and JS are minified into a single file each for efficiency.
  • Ensured browser caching is enabled, thanks to an .htaccess file from html5-boilerplate.
  • GZip compression for assets maximizes loading speed.

Custom CSS and JS

To customize your assets, locate the files in:

  • resources directory for JavaScript and CSS files.
  • For additional components, create files as needed and load them accordingly.

Creating New CRUD

Creating a new CRUD within your application involves several steps:

  • Generate a new model and migration:
  • php artisan make:model Post -m
  • Modify the migration file to add the necessary columns.
  • Create the PostsController using:
  • php artisan make:controller PostController
  • Duplicate existing views and modify them for your new Posts resource.

Conclusion

At fxis.ai, we believe that such advancements are crucial for the future of AI, as they enable more comprehensive and effective solutions. Our team is continually exploring new methodologies to push the envelope in artificial intelligence, ensuring that our clients benefit from the latest technological innovations.

Stay Informed with the Newest F(x) Insights and Blogs

Tech News and Blog Highlights, Straight to Your Inbox