![Front page](/static/cc0c0ff7ccecd6f8bbab3999bf36b484/9266f/front-page.png)
Main features
- Listen to the latest and any previous podcast episode in a web player
- List page for episodes of the two categories “Tech Talk” and “Inside Out”
- Episode detail page with show notes, chapter marks and conclusion
- All podcast data is fetched from Podigee via REST API and pre-rendered on the server using the incremental static page regeneration approach provided by Next.js. This way static pages are generated at build-time from the podcast data and Next.js will periodically regenerate updated pages or create new ones if needed at runtime.
- Users can register and post comments
Used technologies
- Next.js
- React
- Styled Components
- TypeScript
- CSS
- PHP backend using Slim framework for comments and contact form handling
- Firebase for authentication
Design
The Zielgruppengerecht website was designed by Lukas Liniany.
Screenshots
![](/static/8c06c48c300f6490468df231d6e944cb/da58c/hosts.png)
![](/static/0826970a1ea0e75b84ff96faa4bcfd93/da58c/player.png)
![](/static/2945cc929603e47f02a2c9d241e84f43/da58c/playlist.png)
![](/static/fd5c69b8cf5b1ce2222e66bb9686d5b1/da58c/detail-page.png)