creativetimofficialcreativetimofficial
43

Nuxt Argon Dashboard Laravel Bs4

screenshot of Nuxt Argon Dashboard Laravel Bs4

Nuxt SPA Argon template connected to working Laravel REST API with the help of json:api standard

Github

Overview:

The Nuxt Argon Dashboard Laravel is a frontend project that comes with reusable components and a reusable backend. It allows developers to build visually appealing apps with a flexible architecture that can be deployed across various devices and operating systems. The project is a partnership between Creative Tim and UPDIVISION and aims to showcase the effectiveness of API-driven development.

Features:

  • Reusable frontend components
  • Reusable backend components
  • Flexible architecture for cross-platform compatibility

Laravel API Setup:

The Laravel API project requires a multi-threaded web server environment (such as Apache or Nginx) with PHP, Composer, and MySQL. It is recommended to use Laradock for Linux and Mac or Laragon for Windows. Alternatively, you can follow the instructions for installing WAMP on Windows or LAMP on Linux and Mac.

You will also need to install Composer 2 for managing project dependencies. Detailed installation instructions can be found at https://getcomposer.org/doc/00-intro.md.

Nuxt Argon Frontend Setup:

The Nuxt Argon frontend project requires a local environment with NodeJS version 8.9 or above (with 8.11.0+ recommended) and npm. You can install NodeJS from https://nodejs.org/ (with version 8.11.0+ recommended) and npm from https://www.npmjs.com/get-npm.

Laravel API Project Installation:

  1. Navigate to your Laravel API project folder: cd your-laravel-json-api-project
  2. Install project dependencies: composer install
  3. Create a new .env file: cp .env.example .env
  4. Add your own database credentials in the .env file (DB_DATABASE, DB_USERNAME, DB_PASSWORD)
  5. Create the users table: php artisan migrate --seed
  6. Generate the application key: php artisan key:generate
  7. Install Laravel Passport: php artisan passport:install
  8. Add your own mailtrap.io credentials in the .env file (MAIL_USERNAME and MAIL_PASSWORD)

Nuxt Argon Dashboard Project Installation:

Note: It is recommended to use Node.js v14.x before starting the installation, as some packages are deprecated on Node.js v16.x or higher.

  1. Navigate to your Nuxt Argon Dashboard project folder: cd your-nuxt-argon-dashbord-project
  2. Install project dependencies: npm install
  3. Create a new .env file: cp .env.example .env

Summary:

The Nuxt Argon Dashboard Laravel is a powerful frontend project that comes with both reusable frontend and backend components. It has a flexible architecture that allows developers to build visually appealing apps that can be deployed on various devices and operating systems. The installation process involves setting up both the Laravel API project and the Nuxt frontend project with their respective dependencies and configurations.