https://github.com/jefferson1104/podcastr-nextjs
Podcastr is a platform for you to listen to your favorite podcast episode, the project was developed with nextJS technology.
https://github.com/jefferson1104/podcastr-nextjs
nextjs reactjs typescript
Last synced: 4 months ago
JSON representation
Podcastr is a platform for you to listen to your favorite podcast episode, the project was developed with nextJS technology.
- Host: GitHub
- URL: https://github.com/jefferson1104/podcastr-nextjs
- Owner: jefferson1104
- Created: 2021-04-20T16:59:13.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2024-04-16T16:04:20.000Z (about 1 year ago)
- Last Synced: 2025-01-11T14:47:56.140Z (5 months ago)
- Topics: nextjs, reactjs, typescript
- Language: TypeScript
- Homepage:
- Size: 1.17 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# :memo: About this project
Podcastr is a platform for you to listen to your favorite podcast episode, the project was developed with nextJS technology a wonderful framework for the reactJS library, it was also developed with typescript, we use sass as a css preprocessor and a fakeApi to consume the content as if it were data coming from an API. In this platform, several concepts were used, we applied the use of server side rendering, static site generation, contextApi, the use of the `` html tag and all the interaction that is possible to be done with it, it is worth studying this project and apply even more features!
# :rocket: Main technologies
# :cyclone: How to run this project
```bash
# Clone this repository
$ git clone https://github.com/jefferson1104/podcastr-nextjs.git
# Access directory project
$ cd podcastr-nextjs
$ code .
# Install dependencies
$ yarn
# Run fake server (API)
$ yarn server
# Run this application
$ yarn dev
```
# :bulb: Improvement Tips
- Make the project responsive
- Create a dark theme
- Create a PWA version, package tip to use [here](https://github.com/shadowwalker/next-pwa)
- Use Electron and turn it into a desktop app
# 🎨 Screenshots
