- 🧾 Sobre o projeto
- 🚀 Principais tecnologias utilizadas
- 🔽 Como baixar o projeto
- 💻 Como executar o projeto
- 👌 Como usar o app
PODCASTR é uma aplicação podcast feita com ReactJS e NextJS. Nela você pode escutar os episódios listados em tela e ter todo o controle que você teria em um player de música. Alguns conceitos do NextJS foram aplicados nesse projeto: Server-side Rendering (SSR), Static Site Generation (SSG), API routes e File-system routes.
(Você pode ver todas as dependências do projeto no arquivo package.json)
$ git clone https://github.com/victorbadaro/podcastr
Os comandos abaixo usam o gerenciador de pacotes yarn.
# 1. Instale as dependências do projeto
$ yarn
# 2. Execute a API do JSON Server
yarn server
# Você pode executar o projeto utilizando tanto o ambiente de desenvolvimento como também o de produção.
# Desenvolvimento:
yarn dev
# Para executar utilizando o ambiente de produção você deve primeiro realizar o build do projeto:
yarn build
# Após isso é só executar o projeto
yarn start
Se tudo for executado corretamente, uma mensagem será apresentada no terminal informando que o código da aplicação foi compilado com sucesso:
Compiled successfully
Agora basta abrir o navegador e acessar: http://localhost:3000/
✅ Pronto! Se você seguiu corretamente os passos acima o projejto já estará sendo executado localmente em tua máquina.
- Escolha um episódio da lista e clique em play para começar a ouví-lo. Você tamém pode clicar em cima do episódio para ver a página com os detalhes sobre ele:
Este projeto foi criado e desenvolvido com ❤ por Victor Badaró