Podcastr: A TypeScript repository from jairodoni

💻 Projeto

Podcastr é um website para ouvir podcasts que utiliza das principais funções do Next.js, trazendo uma otima performance para a aplicação e uma otima experiencia para o usuario, o Podcastr foi um projeto desenvolvido durante o evento semana NLW#5(Next Level Week 5) com conteudo produzido pela Rocketseat.

🔖 Layout

Você pode visualizar o layout do projeto no formato através desse link. Lembrando que você irá precisar ter uma conta no Figma.

Web

💻 Tecnologias

Website (React)

Typescript
Next.js
Sass
JSON Server
Axios

* Veja o arquivo package.json

Utilitários

Editor: Visual Studio Code
Markdown: StackEdit, Markdown Emoji

🚀 Como executar o projeto

Configurações Iniciais

Primeiro, você precisa ter o NodeJS instalado na sua máquina.

Se você estiver utilizando o Linux, você pode optar por instalar o Node através do gerênciador de versões asdf para facilitar o processo de mudança da versão do Node, quando for necessário.

Você pode optar também por utilizar o yarn no lugar do npm. Você pode instalar clicando nesse link, ou através do asdf.

Após ter o Node instalado, instale as dependências do React de forma global, utilizando os comandos:

Instale as dependências contidas nos arquivos package.json que se encontram na raíz do repositório. Para instalar as dependências, basta abrir o terminal no diretório e digitar o comando:

$ npm install

# ou
$ yarn

Veja a parte de scripts {} do arquivo package.json para saber quais scripts estão disponíveis.

Executando o WebSite

# Executando o json server:
$ npm run server

    OU
    
$ yarn server

# Executando o website no modo de desenvolvimento:
$ npm run dev

    OU

$ yarn dev