Nuxt.js - Framework Vue.js com Strapi GraphQL

Aprenda a criar aplicações Vue.js com Nuxt.js usando Strapi GraphQL como banco de dados!

Nuxt.js 2 é um framework intuitivo para Vue.js que nos ajuda a criar facilmente e rapidamente aplicações de SPA (Single-Page Application) ou Server-Side Rendering. Se você conhece Vue.js e às vezes se pergunta como pode organizar seus projetos e melhorar o SEO de sua aplicação Vue.js, Nuxt.js é a resposta. Neste curso prático e teórico, criaremos um projeto de receitas onde os usuários podem se registrar, criar conteúdo e adicionar favoritos. Você aprenderá sobre: - O que é Nuxt.js e como ele está conectado ao Vue.js. - A estrutura de pastas do Nuxt.js. - O que é Strapi e como configurá-lo. - O que é GraphQL e como difere de uma API REST. - Executando consultas GraphQL. - Interação de dados do Nuxt.js com o Strapi usando Apollo. - Módulos do Nuxt.js. - Consultas e mutações GraphQL. - Diferentes componentes do Vuetify. - E muito mais. Este curso ensinará tudo o que você precisa para se tornar um desenvolvedor Nuxt.js (Vue.js).

Visão geral do curso

O curso está dividido em várias seções: 1. Na primeira seção, introduziremos o Nuxt.js do zero, explicando sua estrutura e como suas rotas e CSS funcionam. 2. Na segunda seção, criaremos uma aplicação usando Strapi GraphQL como backend e Nuxt/Vuetify como frontend. Iremos passo a passo, explicando a teoria e depois colocando em prática. Sempre mostraremos várias possibilidades para alcançar o mesmo resultado. 3. É recomendado, mas não obrigatório, ter conhecimento básico de Vue.js ou JavaScript. Você aprenderá tudo o mais aqui.

Duração do curso

Depende de você. Estimo que você possa concluir o curso em menos de um mês, mas isso dependerá do seu ritmo de trabalho e disponibilidade. É um curso acelerado com vídeos curtos.

Requisitos

- Baixe os materiais fornecidos nos recursos da primeira aula de cada seção. - Tenha conhecimento básico de Vue.js ou JavaScript.

Para quem é este curso?

Este curso é para pessoas que desejam se aventurar no desenvolvimento frontend com Nuxt.js.

O que você aprenderá

- Aprenda a construir Aplicações de Página Única com Nuxt JS. - Aprenda como configurar módulos do Nuxt JS. - Entenda a estrutura do Nuxt JS e seus diferentes tipos de componentes. - Configure um banco de dados com Strapi e controle suas coleções. - Aprenda os princípios do GraphQL, mutações e consultas. - Comunique-se com um banco de dados usando GraphQL Apollo. - Utilize os diferentes componentes da biblioteca gráfica Vuetify.