# Descrição

Neste vídeo é construída, passo a passo, uma aplicação web em Blazor Server com C# .NET para consumir a API do Discogs. O foco está na parte técnica da integração: criação do projeto, organização em pastas e namespaces, modelagem das classes de resposta da API, uso de HttpClient tipado, injeção de dependência (DI), autenticação com Personal Access Token, serialização com System.Text.Json, tratamento de erros, paginação e construção da interface com Bootstrap.

### O que você vai ver

- Criação de um projeto Blazor Server
- Estruturação de models para mapear o JSON retornado pela API
- Implementação de um service para encapsular as chamadas HTTP
- Configuração central do HttpClient no `Program. cs`
- Uso de User-Agent e Authorization Token exigidos pela API do Discogs
- Busca por texto e por ano usando o endpoint de search
- Paginação com navegação entre páginas e janela deslizante
- Exibição dos resultados em cards responsivos
- Tratamento de mensagens de erro na UI
- Leitura de configuração via appsettings.json

### Conceitos técnicos abordados

- Blazor Server
- C# .NET
- Dependency Injection
- System.Text.Json
- HTTP APIs / REST
- Serialização e desserialização
- Configuração por ambiente
- Namespaces e organização de projeto
- Hot Reload com `dotnet watch`
- Bootstrap no Blazor

Além de consumir a API, o vídeo também mostra boas práticas de desenvolvimento, como separar responsabilidades entre UI, serviço e configuração da aplicação, evitando acoplamento desnecessário e deixando o código mais fácil de evoluir. Se você quer aprender como integrar uma API externa em um projeto .NET moderno usando Blazor, este conteúdo serve como base prática para expandir depois com novos filtros, tela de detalhes, cache, deploy e autenticação mais avançada via OAuth.

# Capítulos

00:00:00 Criando o formulário com EditForm (Início da construção da UI em Home.razor com HTML e Bootstrap)
00:05:15 Inputs de busca por texto e ano com Data Binding
00:07:15 Exibindo mensagens de erro na interface (try catch)
00:08:13 Renderizando resultados apenas quando existirem dados
00:09:18 Ajustes de formulário e render mode InteractiveServer
00:11:31 Transformando resultados em cards com imagem (Ajustes visuais, Bootstrap e CSS)
00:14:16 Criando navegação por páginas vizinhas
00:21:40 Movendo token para appsettings.json e Lendo configuração no Program.cs