Cómo retornar vistas Blade en Laravel

Contenido del curso

No sé dónde empezar

Introducción a Laravel

Fundamentos de Laravel

Manos a la obra con nuestro proyecto

Trabajemos en el diseño web de nuestro proyecto

Cierre

31
Qué es un framework y cómo lo usa Laravel
05:48 min

Tomar examen

Cursos Empresas Blog Live Conf Eventos Precios

0:007:02

Cómo retornar vistas Blade en Laravel

Curso de Introducción a Laravel 9

Clase 5 de 31

Clase 5 / 31

Recursos

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

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.

Dev TSJT

Hace 2 años

Alguien preguntaba si con Artisan se puede crear una vista de manera automatica:

Aunque las vistas no se crean directamente con Artisan, ya que son simplemente archivos dentro de la carpeta resources/views. Se puede crear una vista manualmente en la ubicación adecuada, por ejemplo:

touch resources/views/nombre-vista.blade.php

ejemplo de creación de la vista Home.

touch resources/views/home.blade.php

Luego, abre el archivo con tu editor de texto favorito y agrega el contenido que necesites.

Automatización en la creación de las vistas:

Si deseas automatizar la creación de vistas, puedes crear un comando personalizado de Artisan para generar una vista:

Crear un comando personalizado:
- Usa Artisan para crear un comando.

php artisan make:command CreateView
Editar el comando personalizado:* Abre el archivo app/Console/Commands/CreateView.php y edita el método handle.PHP
<?php

namespace App\Console\Commands;

use Illuminate\Console\Command; use Illuminate\Support\Facades\File;

class CreateView extends Command { protected $signature = 'make:view {name}';

protected $description = 'Create a new blade view file';

public function __construct() { parent::__construct(); }

public function handle() { $name = $this->argument('name'); $path = resource_path("views/{$name}.blade.php");

if (File::exists($path)) { $this->error("View {$name} already exists!"); return 1; }

File::put($path, "\n");

$this->info("View {$name} created successfully."); return 0; } }2 vulnerabilities detected
Registrar el comando en el Kernel:* Abre app/Console/Kernel.php y registra el comando en la propiedad $commands.PHP
protected $commands = [ \App\Console\Commands\CreateView::class, ];
Ejecutar el comando personalizado:sh

php artisan make:view home

Esto creará un archivo de vista llamado home.blade.php en el directorio resources/views

Comentarios (22)22 comentarios

Edgardo Molina Gonzalez

Hace 4 años

Jacob Gomez

Hace 3 años

Jesus Alan Aguilar Vazquez

Joel Dominguez Merino

Andrés Felipe Lopez gomez

Gamaliel Matias Canales Betes

Juan David Rueda Quiroga

Isaac Israel Groisman Oberman

Nelson Gonzalez Escalante

Eduardo Gutiérrez Contreras

Italo Morales Fantone

Profesor

Jorge Matias Wingeyer

Henry

Christian Alvarenga

Ricardo Andres Zambrano Cuaicuan

José Rafael Cárdenas Gutíerrez

Camilo Venegas

Hace un año

CARLOS DAVID LÓPEZ ABADIA

Juan Pablo Campuzano Monsalve

Diego Iván Cundapí León

Juan David Rojas B

Luis Enrique Álvarez Suárez

Andres Mantilla

Introducción a Laravel

Configura tu entorno para Laravel 9

Estrutura de pastas do Laravel explicada

Fundamentos de Laravel

Qué es Artisan y cómo automatiza Laravel

Rutas básicas en Laravel con web.php

Cómo retornar vistas Blade en Laravel

Plantillas Blade para vistas sin código repetido

Controladores en Laravel con Artisan

Migraciones en Laravel como control de versiones

Modelos y factories en Laravel con datos falsos

Consultas a base de datos con Eloquent

Relaciones entre tablas con belongsTo en Laravel

Manos a la obra con nuestro proyecto

Revisión de arquitectura MVC en Laravel

Instala el login de Laravel con Breeze

Rutas de login y logout en Laravel Breeze

Rutas y vistas con Route::resource en Laravel

Listado de posts con paginación en Laravel

Formulario para eliminar registros en Laravel

Vistas de creación y edición con formulario compartido

Formulario CRUD reutilizable en Laravel

Guardar registros con relaciones en Laravel

Método update en Laravel sin reescribir código

Validación de formularios en Laravel con old()

Validación unique en Laravel sin duplicados

Trabajemos en el diseño web de nuestro proyecto

Diseño del header con Tailwind y Laravel

Divisor con gradiente en Tailwind CSS

Construye la vista home de tu blog en Laravel

Sección destacada con posicionamiento absoluto en Tailwind

Diseño de página de publicación con Tailwind

Formulario de búsqueda con Laravel y LIKE

Cómo detectar el problema N+1 en Laravel

Cierre

Qué es un framework y cómo lo usa Laravel

Cómo retornar vistas Blade en Laravel