How to deploy Laravel 9 on Cpanel in the main domain with Storage, Livewire, Vite.js, and Mysql

¿Qué es Laravel?

Laravel es un popular framework de código abierto de PHP que sigue el patrón de diseño Modelo-Vista-Controlador (MVC). Es conocido por su elegante sintaxis y su facilidad de uso, lo que lo convierte en una opción popular para desarrolladores web que buscan crear aplicaciones web potentes y escalables. En este tutorial, te guiaré a través de los pasos necesarios para desplegar una aplicación Laravel 9 en un servidor cPanel, utilizando el dominio principal y configurando el almacenamiento en la nube, el uso de Livewire para componentes interactivos, Vite.js para la construcción de paquetes y la base de datos MySQL.

Requisitos previos:

• Un servidor cPanel con soporte para PHP y MySQL.
• Acceso a la consola de cPanel.
• Conocimientos básicos de Laravel, PHP, MySQL y JavaScript.
• Composer instalado en tu servidor.
• Node.js instalado en tu servidor.

Paso 1: Crear un nuevo proyecto de Laravel 9

Primero, necesitas crear un nuevo proyecto de Laravel 9 en tu local. Puedes hacerlo ejecutando el siguiente comando en tu terminal:

composer create-project --prefer-dist laravel/laravel blog

Una vez que se haya creado el proyecto, ábrelo en tu editor de texto favorito y haz las modificaciones necesarias en los archivos de configuración.

Paso 2: Configurar el archivo .env

Antes de desplegar la aplicación en tu servidor, necesitas configurar el archivo .env con la información de tu base de datos, rutas de almacenamiento en la nube, y cualquier otra configuración específica de tu entorno de producción.

Paso 3: Despliegue de la aplicación en tu servidor

Una vez que hayas configurado el archivo .env, es hora de subir tu aplicación al servidor. Hay varias formas de hacerlo, pero en este tutorial, utilizaremos el panel de control cPanel para subir los archivos de tu proyecto.

Para subir los archivos de tu proyecto a cPanel, sigue estos pasos:

1. Accede a tu cuenta de cPanel y navega hasta la sección de Administrador de Archivos.
2. Haz clic en la carpeta public_html para abrirla.
3. Sube todos los archivos de tu proyecto Laravel a la carpeta public_html.
4. Una vez que todos los archivos hayan sido subidos, ve a la sección Bases de Datos de cPanel y crea una nueva base de datos MySQL.
5. Cambia los permisos de los directorios storage y bootstrap/cache a 777 para permitir que Laravel acceda y escriba en ellos.

Paso 4: Configurar la base de datos de Laravel

Una vez que hayas creado la base de datos MySQL en cPanel, necesitas configurar la conexión a la base de datos en el archivo .env de tu proyecto Laravel. Asegúrate de que los siguientes campos estén configurados correctamente:

DB_CONNECTION=mysql
DB_HOST=your-hostname
DB_PORT=3306
DB_DATABASE=your-database-name
DB_USERNAME=your-username
DB_PASSWORD=your-password

Paso 5: Configurar el almacenamiento en la nube

Para configurar el almacenamiento en la nube en tu aplicación Laravel, necesitarás una cuenta en un proveedor de almacenamiento en la nube como AWS S3, Google Cloud Storage o Microsoft Azure Blob Storage.

Una vez que hayas creado una cuenta en uno de estos servicios, configura tus credenciales en el archivo .env de tu proyecto Laravel de la siguiente manera:

FILESYSTEM_DRIVER=s3
AWS_ACCESS_KEY_ID=your-access-key-id
AWS_SECRET_ACCESS_KEY=your-secret-access-key
AWS_DEFAULT_REGION=your-default-region
AWS_BUCKET=your-bucket-name

Paso 6: Configurar Livewire

Livewire es un framework de front-end para construir componentes interactivos en Laravel. Para utilizar Livewire en tu proyecto, necesitarás instalar el paquete de Livewire y configurar tus componentes.

Para instalar Livewire en tu proyecto, ejecuta el siguiente comando en tu terminal:

composer require livewire/livewire

Después de instalar Livewire, puedes crear tus componentes Livewire utilizando la siguiente sintaxis:

php artisan make:livewire MyComponent

Una vez que hayas creado tus componentes, puedes utilizarlos en tus vistas Blade de la siguiente manera:

@livewire('my-component')

Paso 7: Configurar Vite.js

Vite.js es un build tool para Vue.js y React que ofrece una experiencia de desarrollo rápida y eficiente. Para utilizar Vite.js en tu proyecto Laravel, necesitarás instalar el paquete de Vite.js y configurar tus scripts.

Para instalar Vite.js en tu proyecto, ejecuta el siguiente comando en tu terminal:

npm install vite --save-dev

Después de instalar Vite.js, necesitarás configurar tus scripts en el archivo package.json de tu proyecto Laravel. Aquí tienes un ejemplo de cómo podrías configurar tus scripts para utilizar Vite.js:

"scripts": {
  "dev": "vite",
  "build": "vite build",
  "serve": "vite preview"
}

Conclusión:

En este tutorial, hemos cubierto los pasos necesarios para desplegar una aplicación Laravel 9 en un servidor cPanel, utilizando el dominio principal y configurando el almacenamiento en la nube, Livewire para componentes interactivos, Vite.js para la construcción de paquetes y la base de datos MySQL.

Espero que este tutorial te haya sido útil y que hayas podido desplegar tu aplicación Laravel con éxito en tu servidor cPanel. ¡Buena suerte con tu proyecto!