Autoplay
Autocompletar
Lección previa
Completar y continuar
Nuxt.js - Framework de Vue.js con Strapi GraphQL
Introducción
Introducción (1:05)
¿ Qué es NuxtJS ? (2:10)
Strapi (0:32)
¿ Qué es GraphQL ? (1:29)
Instalación Node JS (1:33)
Instalación Visual Studio Code (3:47)
Modos de Renderizado Nuxt JS (0:54)
¿Qué es renderizado del lado del servidor SSR ? (2:08)
¿Qué es el generador de sitios estáticos SSG ? (1:31)
SSR vs SSG (1:25)
Crear un proyecto Nuxt JS (4:02)
Estructura de un proyecto Nuxt JS (3:34)
Rutas con Nuxt JS
Router Nuxt (1:18)
Carpeta Páginas (2:40)
Nuxt-link (2:58)
Navegación por métodos (2:27)
Rutas dinámicas teoría (1:25)
Rutas dinámicas práctica (4:04)
Nuxt link rutas dinámicas (4:12)
Nuxt link rutas dinámicas parte 2 (3:52)
Navegación por métodos con parámetros (2:14)
Nuxt validate (2:53)
Páginas anidadas (2:39)
Layouts, páginas y componentes
Sitios web visitados en la sección
Layouts, páginas y componentes (1:03)
Carpeta layout (6:04)
Agregar un nuevo layout (2:00)
CSS en diferentes layouts (2:43)
Página de error (3:59)
CSS global (3:21)
Importar fuentes en la configuración Nuxt (2:48)
Transiciones de páginas (2:17)
Transiciones de layout (1:19)
Carpeta Componentes (5:23)
Archivos del proyecto sección 3 [*ZIP para descargar]
Strapi GraphQL
Sitios web visitados en la sección
introducción a GraphQL (4:18)
Nuevas versiones de Strapi
Instalación de Strapi (1:17)
Admin panel de Strapi (2:13)
Categorías archivo [JSON para descargar]
Tipo de colección de Strapi (4:58)
Instalación de GraphQL en Strapi (1:55)
Playground de GraphQL (1:36)
Recetas archivos [JSON para descargar]
Tipo de Colección recetas (3:24)
Borrador y Publicado (2:46)
Valores por defecto de Strapi (3:48)
GraphQL
Esquemas y tipos (1:18)
Queries (Pedidos) (1:59)
Argumentos y variables (1:02)
Pedidos de una sola entrada (2:58)
Mutaciones (3:44)
Creación de contenido (4:23)
Modificación de contenido (2:21)
Borrar (1:18)
Proyecto Nuxt + Vuetify
Sitios web visitados en la sección
Nuxt y Vuetify (2:07)
Configurar el proyecto (2:14)
Vuetify (4:10)
Módulos de Nuxt (1:41)
Componente de navegación vuetify (5:32)
Componente footer vuetify (5:04)
Instalación de APOLLO y GraphQL tag (3:03)
Archivos del proyecto sección 6 [*ZIP para descargar]
Comunicación Nuxt con Strapi (Apollo + GraphQL)
Sitios web visitados en la sección
Preparar el pedido (1:24)
Componente ApolloQuery (5:07)
Objeto apollo (2:51)
Centralizar pedidos GraphQL (4:02)
Pasar variables con Apollo (6:19)
Carpeta Store / Vuex (4:21)
Store (3:44)
El contexto de Nuxt (1:31)
Pedidos con AsynData (5:27)
Pedidos con fetch (5:23)
Función NuxtServerInit (7:00)
Ciclo de vida de Nuxt (1:35)
Crear el GraphQL para recetas (3:09)
Cargar las recetas (4:40)
Cargar una sola entrada (1:42)
Detalles de la receta (4:37)
Archivos del proyecto sección 7 [*ZIP para descargar]
Estilos gráficos con Vuetify y Componentes Nuxt
Sitios web visitados en la sección
Componente v-list de vuefify (5:31)
Auto importación de componentes (4:30)
Componente V-card (5:09)
Tarjetas de recetas (4:46)
Tarjeta receta (4:25)
Botón volver (3:51)
Detalles de la receta parte 1 (7:04)
Detalles de la receta parte 2 (4:51)
Formato duración (2:32)
Archivos del proyecto sección 8 [*ZIP para descargar]
Opción de Búsqueda en el cliente
Sitios web visitados en la sección
Campo de búsqueda (4:31)
Precarga de resultados (4:11)
Precarga de resultados con filtro (5:52)
Filtros Strapi/GraphQL (4:14)
Filtros en el pedido (5:40)
Archivos del proyecto sección 9 [*ZIP para descargar]
Iniciar sesión con Nuxt Auth
Sitios web visitados en la sección
Componente de dialogo V-dialog (3:35)
Creación del componente de inicio de sesión (5:46)
Componente snackbar (2:54)
Mensaje al usuario con snackbars (9:39)
Remover elementos temporales (Video opcional) (0:37)
Instalación del módulo NuxtAuth (2:18)
Configuración del módulo NuxtAuth (5:30)
Carpeta Middleware (3:55)
Estrategia LoginWith (4:53)
Objeto $auth y logout (3:03)
Estilos menú modal y avatar (5:02)
Contraseña y mensajes (3:32)
Registro mutación (3:11)
Registro (5:42)
Validación de formulario (6:45)
Últimos detalles (4:44)
Archivos del proyecto sección 10 [*ZIP para descargar]
Crear, Modificar y Borrar con GraphQL desde Nuxt
Sitios web visitados en la sección
Nueva relación User/Autor (1:58)
Autor recetas (1:15)
Página de usuario (3:47)
Lista de recetas del usuario (6:57)
Mutación de crear receta (7:05)
Componente añadir receta (4:06)
Formulario añadir receta parte 1 (6:19)
Formulario añadir receta parte 2 (7:28)
Tiempo en minutos (Video opcional) (1:20)
Apollo mutate (6:43)
Redirección y mensajes (2:56)
Cache de Apollo (2:30)
Actualizar el cache (5:09)
Mutación modificar receta (2:30)
Editar receta parte 1 (5:51)
Editar receta parte 2 (5:45)
Mutación borrar receta (1:49)
Modal borrar (5:38)
Borrar receta (3:51)
Archivos del proyecto sección 11 [*ZIP para descargar]
Sistema de favoritos y likes
Favoritos y likes (3:36)
Doble mutación (5:18)
Recetas favoritas (8:05)
Store recetas favoritas (4:36)
Cargar recetas favoritas (3:48)
Botón like (4:35)
Añadir y remover recetas del store (6:21)
Like de la receta parte 1 (3:51)
Like de la receta parte 2 (4:50)
Unlike de la receta (2:57)
Archivos del proyecto sección 12 [*ZIP para descargar]
Despliegue/deployment
Sitios web visitados en la sección
Preparación para el despliegue (2:21)
Strapi => Heroku (7:50)
Modificar permisos y autorizaciones (1:16)
Importar categorías (video opcional) (6:23)
Importar recetas (video opcional) (7:15)
Crear repositorio GitHub (3:35)
deploy (2:36)
Estructura de un proyecto Nuxt JS
Contenido bloqueado
Si ya estás inscrito,
deberás iniciar sesión
.
Inscríbase en el curso para desbloquear