Siga Seu Atleta | App fullstack com Next.js

Workshop

35 vídeos • 04:28:50

Seção 01 | Introdução

  1. 1.

    Introdução

    01:16
  2. 2.

    Como Participar do Projeto no Codante

    04:32
  3. 3.

    Revisão do Projeto em Detalhes

    11:05

Seção 02 | Setup do projeto

  1. 4.

    Configurando Next.js e shadcn/ui

    09:38
  2. 5.

    Configurando Backend com TursoDB

    20:45

Seção 03 | Nosso primeiro componente

  1. 6.

    Desenvolvendo Navbar e About

    11:42

Seção 04 | Listando os atletas

  1. 7.

    Carregando Dados dos Atletas

    15:45

Seção 05 | Criando o card dos atletas

  1. 8.

    Criando o AthleteCard

    02:08
  2. 9.

    Desenvolvendo o AthleteCard

    13:26
  3. 10.

    Formatando Contagem de Seguidores

    06:18
  4. 11.

    Otimizando Cards com Tailwind

    03:22
  5. 12.

    Finalizando o Footer e Redes Sociais

    07:39
  6. 13.

    Estilização de Cards Finalizada

    04:01
  7. 14.

    Efeito Granulado no Card

    06:31

Seção 06 | Scroll infinito

  1. 15.

    Scroll Infinito na Aplicação

    06:31
  2. 16.

    Carregamento Dinâmico de Atletas

    06:27
  3. 17.

    Scroll Infinito com React

    09:03

Seção 07 | Filtro de busca

  1. 18.

    Implementando Filtros de Busca

    03:34
  2. 19.

    Filtros e Busca Personalizados

    06:08
  3. 20.

    Busca Eficiente com URL Dinâmica

    10:58
  4. 21.

    Filtro de Texto Implementado

    06:04

Seção 08 | Filtro de categoria

  1. 22.

    Filtro de Categoria Implementado

    03:29
  2. 23.

    Filtro de Categorias para Desktop

    10:07
  3. 24.

    Atualizando URLs e Integrando Backend

    04:58
  4. 25.

    Filtros de Categorias Implementados

    03:21

Seção 09 | Filtro de esportes

  1. 26.

    Filtragem de Atletas e Buscas

    02:19
  2. 27.

    Filtro de Esportes no Front-End

    26:02
  3. 28.

    Filtro por Esportes Implementado

    05:29
  4. 29.

    Filtros e Ordenação de Atletas

    02:10

Seção 10 | Ordenação

  1. 30.

    Ordenação de Atletas

    07:23
  2. 31.

    Componente de Ordenação

    07:16
  3. 32.

    Ordenação e Estilos Atualizados

    07:43

Seção 11 | Responsividade

  1. 33.

    Integração e Responsividade Móvel

    03:46
  2. 34.

    Responsividade na Aplicação Mobile

    13:56

Seção 12 | Deploy

  1. 35.

    Deploy da Aplicação de Atletas

    03:58
Login
Workshops>Siga Seu Atleta | App fullstack com Next.js>Atualizando URLs e Integrando Backend

Conteúdo gratuito!

Este conteúdo é aberto e gratuito 🎉. Para acessá-lo, você precisa fazer o login.

Atualizando URLs e Integrando Backend

Estamos implementando a atualização da URL ao selecionar categorias, utilizando uma função para gerenciar as mudanças e prop drilling para passar as informações entre componentes. Agora, seguimos para a integração com o back-end.

Comentários

(0)