Crea una cuenta o inicia sesión

¡Continúa aprendiendo sin ningún costo! Únete y comienza a potenciar tu carrera

Configuración Inicial del proyecto

3/23
Recursos

¿Cómo instalar y configurar un proyecto en Laravel?

Para embarcarte exitosamente en el desarrollo con Laravel, las configuraciones iniciales de tu proyecto son cruciales. Aquí te guiaré en este proceso para que logres una instalación eficiente y sin contratiempos. Adquirirás la confianza necesaria para utilizar recursos adicionales como Tailwind, LiveWire y otros componentes esenciales.

Paso a paso: Instalación de un nuevo proyecto en Laravel

Comenzamos abriendo nuestro editor de código y el terminal. El primer paso es dirigirnos a la carpeta de proyectos donde ejecutaremos algunos comandos clave.

  1. Ejecutar la creación del proyecto:

    laravel new tdd --jet
    

    En este comando, tdd es el nombre del nuevo proyecto y --jet asegura que la configuración incluye el inicio de sesión, óptimo para proyectos que requieren autenticación.

  2. Configurar sin equipos: Ante la pregunta sobre la configuración de equipos, respondemos con 'no'. Este ajuste es específico para el tipo de proyecto que deseamos.

  3. Conectar el editor: Una vez finalizada la instalación, conecta el editor con la carpeta creada haciendo clic en "Open Folder" y selecciona la ruta donde se encuentra tu proyecto (tdd).

¿Cómo asegurar el correcto funcionamiento del frontend?

El backend está listo, ahora es necesario que el frontend también funcione adecuadamente, para esto utilizamos npm.

  1. Instalación de módulos npm:

    npm install
    

    Este comando es fundamental para instalar todas las dependencias necesarias para el desarrollo del frontend.

  2. Compilación de activos JavaScript y CSS:

    npm run dev
    

    Esto genera los archivos finales de diseño, incluidos los CSS y JavaScript, listos para su uso inmediato en el proyecto.

¿Cómo configurar JepString y gestionar perfiles de usuario?

Con el sistema base instalado, el siguiente paso es realizar algunas configuraciones específicas para aprovechar las ventajas de Laravel Jetstream, entre ellas la gestión de usuarios.

  • Configuración de JepString: Abre el archivo JepString en la sección de configuración. Si necesitas que los perfiles de usuario incluyan fotografías, asegúrate de descomentar la línea correspondiente. Esto no solo ayuda en la personalización de usuarios, sino también en la interacción visual dentro de tu aplicación.

Consejos para optimizar tu proyecto en Laravel

  • Utiliza Tailwind CSS: Esto te permitirá agilizar el desarrollo del diseño del frontend.

  • Explora LiveWire: Aprovecha este stack para implementar interactividad en tiempo real sin salir de la solidez de PHP y Laravel.

Finalmente, es crucial seguir estos pasos meticulosamente para poder contar con un sistema de inicio de sesión y registro que sustente las necesidades de tu proyecto. Dedicar tiempo a una instalación y configuración sólida evitará futuros problemas y facilitará el desarrollo fluido de tu aplicación. ¡Sumérgete en el mundo de Laravel y lleva tus proyectos al siguiente nivel!

Aportes 10

Preguntas 1

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

Recuerda que si olvidaste instalar Jetstream o hiciste la instalación vía composer, puedes instalar Jetstream con estos dos comandos:

composer require laravel/jetstream
php artisan jetstream:install livewire

Y luego simplemente correrlo:

npm install && npm run dev

Si lo va a crear desde cero usa lo siguiente y recuerde que se creara una carpeta tdd

composer create-project laravel/laravel tdd
cd tdd
composer require laravel/jetstream
php artisan jetstream:install livewire
npm install && npm run dev

Espero que les sirva a todos

Clase 3: Configuración Inicial del proyecto

Ejecutamos los siguiente comandos: Usaremos laravel con jetstream:install livewire para este ejemplo

  • Paso 1: composer create-project --prefer-dist laravel/laravel BasicoTDD cd BasicoTDD->nombre del proyecto
  • Paso 2: composer require laravel/jetstream
  • Paso 3: php artisan jetstream:install livewire
  • Paso 4: npm install && npm run dev
  • Paso 5: Valido si se intalo bien.
A marzo de 2024 hay que tener en cuenta que: Al parecer **Pest** esta reemplazando a **PhpUn**it como herramienta de test por defecto, no se si de php en general, pero si de laravel porque lo sugiere en su instalación. En su documetación se especifica como se harian las migraciones de los test que ya tengas creados con Phpunit y es bastante simple. De cualquier manera lo importante es aprender la logica de el testeado y ya la herramienta la elegirá cada uno según convenga.

Para mayo 2023 al instalar Laravel 10.* no es necesario correo npm run dev. Los archivos se compilan durante la instalacion

instalar con $ composer global require laravel/installer
si en la terminal no reconoce el comando “laravel new” toca agregarlo al path en mi caso con ubuntu uso export PATH=”$PATH:$HOME/.config/composer/vendor/bin”

Install Jetstream With Livewire

php artisan jetstream:install livewire

php artisan jetstream:install livewire --teams

https://jetstream.laravel.com/3.x/installation.html

Al día de hoy ya sale la versión L11, por si acaso:

composer create-project laravel/laravel proyecto "9.5*"

thanks teacher

cd ~/Sites
laravel new tdd --jet
  # Jetstream stack: 0 = livewire
  # team config: No
npm install && npm run dev

Modificados:

  • config/jetstream.php