Neste NLW#5 iremos desenvolver um web site para podcaster com o React, onde faremos uso das funcionalidade de Static Site Generation, através das ferramentas do nextjs, das Contexts API do React e da integração com Elementos Nativos do HTML.
Se você quer acompanhar as minhas anotações diárias sobre o projeto, com o passo
a passo do que foi feito nele, acesse
NLW #5 - Personal Notes
e me acompanhe nas redes sociais Twitter e Linkedin(links no final da página).
- Listar todos os episódios
- Listar os dois últimos lançamentos
- Criar um player para executar o podcast
- Criar uma página de conteúdo para cada podcast
A milha extra:
- Deploy na vercel (http://podcastr.devtrails.com.br/)
- Switch para tema Dark/Ligth
- Fazer a responsividades do projeto
- Alterar a barra de scrollbar para um layout melhor.
.png)
Home (nada tocando)
Home executando o podcast
Página do conteúdo do podcast
Foram utilizadas as seguintes ferramentes no desenvolvimento do projeto:
- Server-side Rendering
- Static Site Generations
Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas Git, Node.js.
Além disto é bom ter um editor para trabalhar com o código como
VSCode.
Com o Github instalado no seu computador, abra o terminal acesse a pasta onde deseja baixar o repositório e execute o comando abaixo.
# Clone este repositório
$ git clone git@github.com:rgranvilla/nlw-5_Podcastr_Next.git
# Acesse a pasta do projeto no terminal/cmd
$ cd podcastrnext
# Instale as dependências
$ yarn
# Execute a aplicação em modo de desenvolvimento
$ yarn dev
# O servidor inciará na porta:3000 - acesse <http://localhost:3000>
Se você chegou até aqui, estará com o aplicativo rodando em sua máquina. Sinta-se a vontade para modificar, melhorar e sugerir modificações na aplicação. Se você gostou do repositório marque uma Estrela 🌟.
Importante: esse aplicativo é de autoria da Rocketseat desenvolvido para a Next Level Week #5
acesse e inscreva-se ou aguarde a nova edição
Desenvolvido com muito carinho 😉 para você 👋 Entre em contato!
