This project was developed during the 5th edition of NLW - Next Level Week, an event hosted by Rocketseat.

The sole purpose of this application is streaming episodes of a single podcast feed. In this case, the chosen podcast was "Fala Dev", created by the RocketSeat team. The episodes are provided by a server generated via JSON Server, using an JSON object which contains all episodes data.

As an educational program, NLW has the purpose of teaching techniques and skills, in different programming languages and areas ( in this case, front-end development using React and Next.js). So, developing this application was a way to learn about Server Site Rendering, Static Site Generation, Contexts and many other concepts linked to modern web development.

As a personal touch, I've used Styled Components for managing styles. The objective was to learn more about the tool, and preparing the environment of the application to future enhancements, such as responsive design and personalizing themes.

• Typescript
• Next.js
• React
• Styled Components
• JSON Server

git clone https://github.com/moisesjsalmeida/nlw5-Podcastr.git

cd podcastr
yarn

yarn server

On a different terminal window, enter the application directory.

You can run the application in dev mode, using

yarn dev

Or build the static pages and run it in production mode, using

yarn build
yarn start

Important: the application server must be running, so the requests needed for building the static pages won't fail

🤓 💻