podcasterNLW

Descrição

Aplicativo de Podcast produzido na quinta edição do Nest Level Week / Rocketseat.

vídeo da aplicação

Conteúdo Trabalhado

• Fundamento Web
  • refs em React
  • Áudios HTML
• Fluxos de API
• React
  • Componente
  • Propriedade
  • Estado
  • limitações
  • ContextAPI
• Next
  • Server-side rendering
  • Static site generation
  • Root file system
  • Método Geting Static Paths
    • Fallback
• Type Script
• CSS modules
• SASS
  • Fontes Externas
• JSON Server
• Axios API
• Diferenças entre SPA SSR e SSG
• HOME estático
• Conceitos de BUILDNG
• Lógica Completa de um Player
  • Play, Pause, Next, Previous
  • Loop, Shuffling
  • Slider Control

Como executar o projeto

#clonar o repositório
git clone [email protected]:dekopossas/podcasterNLW.git

#entrar na pasta
cd podcaster-nlw-next

#instale as dependências
npm install

#execute o server API
npm run server

#execute o hosting no modo DEV
npm run dev

Abra o navegador e se connect no diretorio

http://localhost:3000

DIVIRTASSE!

Possibilidades de melhorias

• Responsivo
• Versão PWA
• Tema Dark
• DeskTop com Electron