Contenido del curso

Manos a la obra con nuestro proyecto

Cómo retornar vistas Blade en Laravel

Resumen

Devolver vistas en Laravel en lugar de texto plano es uno de los pasos clave para construir aplicaciones reales con este framework. Aquí aprendes a configurar rutas que retornen vistas, pasar datos desde el controlador y aprovechar el motor de plantillas Blade para escribir código limpio y mantenible.

¿Cómo configurar una ruta que devuelva una vista en Laravel?

En el archivo web.php, en lugar de retornar un string, usas la función view() indicando el nombre del archivo que vive dentro de resources/views. La sintaxis básica luce así:

php Route::get('/', function () { return view('home'); });

Si la vista no existe, Laravel muestra una pantalla de error muy descriptiva que indica exactamente qué archivo falta. Esa retroalimentación inmediata es una de las razones por las que depurar en Laravel se siente tan ágil.

¿Qué hace la función view() en Laravel? Carga un archivo de plantilla desde resources/views y lo devuelve como respuesta HTTP. Recibe el nombre de la vista sin la extensión .blade.php.

¿Cómo pasar datos desde la ruta hacia la vista?

Imagina que estás simulando una consulta a base de datos para listar publicaciones de un blog. Defines un array con la información y lo pasas como segundo argumento de view().

php Route::get('/blog', function () { $posts = [ ['id' => 1, 'title' => 'PHP', 'url' => 'php'], ['id' => 2, 'title' => 'Laravel', 'url' => 'laravel'], ]; return view('blog', ['posts' => $posts]); });

Fíjate en la convención: la variable va en plural cuando es una colección y en singular cuando representa un solo registro. Esa pequeña disciplina te ahorra confusiones cuando el proyecto crece.

Para el detalle de una publicación, la lógica es la misma pero pasando un único registro:

php Route::get('/post', function () { $post = ['id' => 1, 'title' => 'PHP', 'url' => 'php']; return view('post', ['post' => $post]); });

¿Cómo se estructuran las vistas Blade?

Dentro de resources/views, creas los archivos con la extensión .blade.php. Para la página principal basta algo simple:

blade

<h1>Home</h1>

La vista del listado, en cambio, recorre la colección con @foreach, una directiva propia de Blade que reemplaza la sintaxis tradicional de PHP:

blade

<h1>Lista</h1> @foreach ($posts as $post) <p><b>{{ $post['id'] }}</b> <a href="#">{{ $post['title'] }}</a></p> @endforeach

Las llaves dobles {{ }} imprimen el contenido de forma segura, escapando caracteres especiales por defecto. Es una de esas pequeñas funcionalidades que hacen que escribir vistas sea más cómodo y seguro.

¿Por qué es obligatoria la extensión .blade.php?

Aquí viene lo interesante. Si renombras el archivo y le quitas el .blade, dejándolo solo como blog.php, Laravel deja de procesar la sintaxis especial. Las directivas como @foreach y las llaves {{ }} aparecen como texto plano en el navegador porque el motor de plantillas no se activa.

¿Qué es Blade en Laravel? Es el motor de plantillas oficial del framework. Permite usar directivas como @foreach, @if o {{ }} para escribir vistas más limpias que con PHP puro, y solo funciona en archivos con extensión .blade.php.

¿Cuándo usar plural y cuándo singular en las variables?

Una convención que conviene fijar desde el inicio:

  • Usa plural ($posts) cuando pases una colección o lista de registros.
  • Usa singular ($post) cuando pases un solo elemento, como en una vista de detalle.
  • Mantén la coherencia entre el nombre de la vista y el contenido que muestra: blog para el listado, post para el detalle.

Esta nomenclatura no es obligatoria a nivel técnico, pero hace que tu código sea legible para cualquier persona que llegue al proyecto después de ti.

¿Qué ventajas trae usar el motor Blade frente a PHP puro?

Cuando escribes vistas con PHP plano, terminas mezclando etiquetas <?php ?> por todos lados. Blade reduce ese ruido visual y te da herramientas pensadas para vistas: herencia de plantillas, componentes reutilizables, directivas condicionales y bucles más expresivos.

Al seguir la convención .blade.php accedes a todo ese ecosistema. Si la rompes, vuelves a escribir PHP tradicional y pierdes los beneficios del framework.

Practica creando estas tres vistas (home, blog y post), pasa datos simulados como si vinieran de una consulta y verifica en el navegador que cada ruta renderiza correctamente. ¿Qué otros usos le darías a Blade en tu proyecto? Cuéntame en los comentarios.